*{box-sizing:border-box;margin:0;padding:0}ul{list-style-type:none}button,button:hover,button:active,button:focus{background:transparent;box-shadow:none;border:none;text-shadow:none;outline:none;border:none}.viewport{display:flex;flex-direction:column;align-items:center;background-image:url("../images/background-image.jpg");background:no-repeat fixed cover}.favorite{background-color:#b282ff;color:#e5ff00}.hidden{display:none}.title{padding:20px;text-align:center;font-family:'Pacifico', cursive;font-size:50px;font-weight:bold}.form{padding:20px;text-align:center}.search-field{height:35px;width:300px;text-indent:5px;font-family:Georgia, serif;size:16px}.search-field:focus{outline:#b282ff auto 1px}.button-search{height:35px;width:80px;font-family:Georgia, serif;size:16px;font-weight:bold;background-color:#8fbdd3;border-radius:3px}.button-search:focus{outline:black auto 1px}.main{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin:0 auto}.results{height:100vh;overflow-y:scroll;padding:20px}.results__title{margin:0 0 10px 20px;font-family:'Syne Mono', monospace;size:48px}.results__list{display:grid;grid-template-columns:auto auto auto;gap:20px}.results__list--item{padding:20px;width:250px}.results__list--item__img{width:210px}.results__list--item__title{font-family:Georgia, serif;size:16px}.favorites{height:100vh;overflow-y:scroll;width:350px;padding:20px}.favorites__title{font-family:'Syne Mono', monospace;size:48px;margin:0 0 10px 0}.favorites__list--item{width:100%;padding:20px 0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.favorites__list--item__img{width:100px;grid-column:1 / 2;grid-row:1 / 2}.favorites__list--item__title{width:100px;font-family:Georgia, serif;size:14px}.favorites__list--item__btn{height:25px;width:25px;border-radius:50%;grid-column:2 / 3;grid-row:1 / 2;justify-self:end;align-self:center;margin:20px}.favorites__list--item__btn-img{height:25px;width:25x}.favorites__list--item__btn--reset{height:35px;width:80px;font-family:Georgia, serif;size:16px;font-weight:bold;background-color:#8fbdd3;border-radius:3px}.favorites__list--item__btn--reset:focus{outline:#637ed8 auto 1px}