body,html{padding:0;margin:0;overflow:hidden}*{box-sizing:border-box;font-family:Rubik,sans-serif}.display{display:grid;width:70vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:25%;margin:0 15vw;position:absolute;z-index:500;padding:20px 25px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #00000029;grid-template-columns:repeat(4,1fr)}.display .box{width:100%;height:100%}.display .box span{text-transform:uppercase;font-size:10px;color:#969696;letter-spacing:1px}.display .box p{margin:10px 0;font-weight:500;font-size:18px}@media(max-width:650px){.display{top:20%;padding:15px 20px;grid-template-columns:unset;grid-template-rows:repeat(4,1fr)}}.search{width:100%;height:35%;background-image:url(/background.png);display:flex;flex-direction:column;align-items:center}.search h1{color:#fff;margin-bottom:25px;font-weight:500;font-size:25px}.search form{display:flex}.search input{width:40vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px;background-color:#fff;border-radius:10px 0 0 10px;border:none}@media(max-width:500px){.search input{width:70vw}}.search button{width:5vw;display:flex;align-items:center;justify-content:center;border-radius:0 10px 10px 0;border:none;background-color:#000}@media screen and (max-width:500px){.search button{width:15vw}}