#search{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / 75%);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-transform:translate(0,-100%) scale(0,0);-moz-transform:translate(0,-100%) scale(0,0);-ms-transform:translate(0,-100%) scale(0,0);-o-transform:translate(0,-100%) scale(0,0);transform:translate(0,-100%) scale(0,0);opacity:0;display:none;backdrop-filter:blur(4px)}#search.open{-webkit-transform:translate(0,0) scale(1,1);-moz-transform:translate(0,0) scale(1,1);-ms-transform:translate(0,0) scale(1,1);-o-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1);opacity:1;z-index:106;display:block;position:fixed;height:100vh;left:0;right:0;top:0;bottom:0}#search input[type="search"]{position:absolute;top:50%;left:0;margin-top:-51px;width:60%;margin-left:20%;color:#fff;background:#fff0;border-top:1px solid rgb(255 255 255 / .8);border-bottom:2px solid rgb(255 255 255 / .5);border-left:0 solid #fff0;border-right:0 solid #fff0;font-size:40px;font-weight:300;text-align:center;outline:none;padding:10px}#search .close{position:fixed;top:30px;left:30px;opacity:1;font-size:27px;color:#fff;transition:all 0.4s}#search .close:hover{cursor:pointer;transform:rotate(360deg)}.btn-search{display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all 0.4s}