html,body{margin:0;padding:0;overflow:hidden}.maincontainer{box-sizing:border-box;opacity:.8;background:repeating-linear-gradient(-45deg,#eee,#eee 5px,#ffc067 5px 25px);flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;padding:30px;display:flex}.maincontainer>img{width:3.5vw;margin-bottom:10px}.searchbar{box-sizing:border-box;background-color:#fff;border:1px solid gray;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:80vw;padding:5px;font-size:1.5rem;display:flex;overflow:hidden}.searchbar svg{color:gray}.searchbar input{box-sizing:border-box;border:none;flex-grow:1;justify-content:center;align-items:center;padding:10px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.5rem;display:flex}.searchbar:focus-within{border-color:#67a6ff}.searchbar:hover{cursor:text}.searchbar input:focus{outline:none}.suggestions{box-sizing:border-box;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:70vw;display:flex;overflow:hidden}.suggestion{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:5px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.2rem;transition:background-color .1s ease-in;display:flex}.suggestion:not(:first-child){border-top:1px solid gray}.suggestion:hover{cursor:pointer;background-color:#eee}.suggestion.focused{background-color:#e5e5e5}