search-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:10px;background-color:#000;border:1px solid white;border-radius:5px;box-shadow:0 10px 10px #eae6e694;z-index:1000;cursor:move;display:flex;flex-direction:column}search-form #close{color:red;font-weight:bolder;border:2px solid red;border-radius:15px;width:15px;cursor:pointer}search-form input{display:block;margin:4% auto;width:60%;border:1px solid white;text-align:center;font-weight:bolder;color:#000}search-form button{display:block;margin:auto auto 4%}search-form #design{margin:0;display:flex;justify-content:center}search-form #design #logo-design{width:10%}@media screen and (max-width: 600px){search-form{width:65%}}@media screen and (max-width: 450px){search-form{width:80%}}