*{box-sizing:border-box;padding:0;margin:0}body{width:100vw;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}main{margin:auto}.section-search,main{width:100%;max-width:1200px}.section-search{position:fixed;top:0;left:50%;transform:translateX(-50%);height:15rem;padding-top:3rem;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(#fff,#fff 50%,#d3d3d3);border-bottom:2px solid #d3d3d3}h1{margin-bottom:1rem}form{width:80%;max-width:20rem;display:flex;flex-direction:column}label{margin-bottom:.2rem}button,input{border-radius:2px;margin-bottom:.5rem}input{border:1px solid #000;line-height:1.5rem}input:focus{border:none;outline:2px solid coral}button{border:none;background:linear-gradient(90deg,#f08080,coral);font-size:1rem;display:flex;align-items:center;justify-content:center;padding:.5rem;gap:5px}button:active,button:hover{transform:translateY(2px)}svg{height:25px}.section-results{display:flex;flex-direction:column;align-items:center;margin:17rem auto auto;width:80%}.section-results>button{max-width:20rem}.results-list{list-style:none}li{display:flex;justify-content:space-between}.results-listheader{font-size:1.2rem;font-weight:700}li>span{width:100%;border-bottom:1px solid grey;padding:.2rem}.random-results__text{font-weight:700;color:#008b8b}.random-results__list span{border:none;text-align:center}.new-search-button{margin-top:1rem}@media only screen and (max-width:650px){li{flex-direction:column;flex-wrap:wrap;font-size:.7rem}}