*,:after,:before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}body{font-weight:400;line-height:1.7;color:black;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:black}html{font-size:62.5%}@media only screen and (min-width:650px){html{font-size:70%}}@media only screen and (min-width:850px){html{font-size:80%}}.search{background:url("https://images.unsplash.com/photo-1481627834876-b7833e8f5570?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=7857ea46fded9c0fcb5b65b9a20a41d9&auto=format&fit=crop&w=500&q=60");width:100%;height:50vh;background-size:cover;color:white;display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (min-width:650px){.search{height:60vh}}@media only screen and (min-width:850px){.search{height:70vh}}.center{text-align:center}.dark-overlay div{width:100%;height:50vh;background-color:rgba(0, 0, 0, 0.5)}@media only screen and (min-width:650px){.dark-overlay div{height:60vh}}@media only screen and (min-width:850px){.dark-overlay div{height:70vh}}.book-matcher{margin-top:8%;font-size:3rem}@media only screen and (min-width:850px){.book-matcher{margin-top:1rem}}.secondary-header{font-size:1.3rem;margin-top:1.5rem;margin-bottom:1rem}main{background-color:black;color:white;height:100%}.input-size{padding:1rem 2rem;border-radius:1rem;background-color:rgba(196, 198, 199, 0.8);color:#181817;font-size:1.5rem;border:1px solid black}.input-size:hover{background-color:rgba(212, 215, 216, 0.8);border:1px solid white}.submit{padding:1rem 5rem;margin-top:2rem;border-radius:1rem;cursor:pointer}.main-img{width:50%;padding-top:2rem;padding-bottom:1rem;height:auto}@media only screen and (min-width:650px){.main-img{width:35%}}@media only screen and (min-width:850px){.main-img{width:20%}}.inline-popups{text-align:center}@media only screen and (min-width:650px){.inline-popups{text-align:left}}@media only screen and (min-width:650px){.matchbook{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}}.match-book-img{width:30%;height:auto;padding-bottom:1rem}@media only screen and (min-width:650px){.match-book-img{display:-webkit-box;display:-ms-flexbox;display:flex;width:20rem;height:auto;padding:1rem 1rem}}.white-popup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1.6rem}.test-popup-description{overflow:auto}