*{margin:0;box-sizing:border-box}.App{background-color:#12b886;height:10vh;width:100vw}.search-bar-container{margin:auto auto 50px;display:flex;flex-direction:column;align-items:center;min-width:max(200px,40vw);max-width:max(300px,40vw)}.input-wrapper{position:relative;background-color:#38d9a9;margin-top:3vh;width:100%;border-radius:10px;height:2.5rem;padding:0 15px;display:flex;align-items:center}input{background-color:transparent;border:none;height:100%;width:100%;font-size:1rem;margin-left:5px}input:focus{outline:none}#search-icon{color:#087f5b}.results-list{position:absolute;z-index:200;top:70px;min-width:max(200px,40vw);max-width:max(300px,40vw);background-color:#fff;display:flex;flex-direction:column;box-shadow:0 0 8px #ddd;border-radius:5px;margin-top:.5rem;max-height:300px;overflow-y:auto}.search-result{padding:10px 20px}.search-result:hover{background-color:#efefef}.MuiBox-root{margin:0 auto}.footer{margin-top:150px;width:100%;padding:100px 15%;background-color:#333;color:#efefef;display:flex}.footer div{text-align:center}.col-1,.col-3{flex-grow:1}.col-1 a{text-decoration:none;display:block;color:#efefef;margin-bottom:10px}.footer div h3{font-weight:300;margin-bottom:30px}.col-3 a{color:#efefef;text-decoration:none}