*{box-sizing:border-box;margin:0;padding:0}.clearButton{width:100px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;align-self:flex-start;margin-right:12px;margin-top:12px;box-shadow:inset 0px 1px 0px 0px #fff;background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);background-color:#ededed;border-radius:6px;border:1px solid #dcdcdc;color:#777;font-weight:bold;padding:6px 12px;text-shadow:0px 1px 0px #fff}.clearButton:hover{cursor:pointer;background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%)}.clearButton:active{position:relative;top:1px}.clearButton:focus{outline:thin dotted}body{padding:2rem;width:100vw;height:100vh;background-color:#f3f4f5;font-family:"Roboto",sans-serif;display:flex;flex-direction:column;justify-content:space-between}li{list-style-type:none}.title{padding-bottom:32px;color:#072246}.textInput{padding:6px;width:395px;margin-right:6px;border-top:none;border-left:none;border-right:none;border-bottom:solid 2px #777;background-color:#f0c449}.textInput:focus{outline:thin dotted}.main{display:flex;height:-webkit-max-content;height:-moz-max-content;height:max-content;flex-grow:1}.resultsSection{background-color:#013765;width:70%;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;min-height:100%;display:flex;flex-direction:column;margin:24px 0;padding:12px;border-radius:6px}.resultsSection__title{padding:12px 12px 6px 12px;color:#f5fffa}.resultsSection__results{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;padding-top:12px}.card{background-color:#d9d9d9;max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content;display:inline-block;display:flex;flex-direction:column;text-align:center;align-items:center;border-radius:5px;box-shadow:3px 3px 3px #6a6a6a;padding:12px 18px 8px 18px;margin-bottom:24px;color:#06596a}.card:hover{cursor:pointer;transform:scale(1.05)}.card__title{padding-bottom:6px}.card__rating{padding-top:6px;padding-bottom:3px}.card__link{text-decoration:none;color:#06596a;font-weight:800}.card__link:hover{text-decoration:underline}.highlightCard{background-color:#daa512;color:#072246}.noResults{display:flex;flex-direction:column;align-items:center;max-width:45%}.noResults__msg{color:#f5fffa;margin-top:24px;text-align:center;line-height:2;font-size:18px}.noResults__img{width:50%;margin-top:24px}.favSection{background-color:#00aaa1;width:30%;min-height:100%;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;margin:24px 0 24px 24px;padding:12px;border-radius:6px}.favSection__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.favSection__header--title{padding:12px 12px 6px 12px;color:#f5fffa}.favSection__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.favCard{width:-webkit-min-content;width:-moz-min-content;width:min-content;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:solid 3px #daa512;border-radius:10px;box-shadow:1px 1px 10px #777;margin:24px;padding:6px 12px}.favCard:hover{cursor:pointer}.favCard__title{padding:0 3px 6px 3px;text-align:center;color:#f5fffa}.favCard__img{border-radius:5%;width:148px}.footer{text-align:center;color:#999;margin-top:36px;padding-bottom:12px;justify-self:flex-end}.footer__credits{display:block}.footer__link{text-decoration:none;color:#013765}.footer__link:hover{text-decoration:underline}.footer__link:active{color:#007c85}