.star{cursor:pointer;width:30px;position:absolute;bottom:30px;right:30px}.film{background:#9ebadb;display:flex;position:relative;box-shadow:0 0 1rem #0000004d}.film:not(:last-child){margin-bottom:30px}.film__poster{object-fit:contain;background-color:#b6b6b6;width:150px}.film__link{display:block}.film__link:hover{color:#00f}.film__info{flex-direction:column;gap:20px;padding:30px;display:flex}.film__type{font-size:inherit;margin-right:30px}.form{gap:20px;display:flex}.form__fieldset{border:none;width:100%;position:relative}.form__input{width:100%;padding:10px 70px 10px 20px}.form__reset-btn{cursor:pointer;width:30px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.form__button{text-transform:uppercase;color:#fff;background-color:#006cff;padding:10px 20px;font-weight:500}.form__input:focus,.form__button:focus,.form__button:hover{outline:2px solid #006cff}.film-description{background:#9ebadb;display:flex;position:relative;box-shadow:0 0 1rem #0000004d}.film-description:not(:last-child){margin-bottom:30px}.film-description__poster{object-fit:contain;background-color:#b6b6b6;min-width:150px;max-width:300px}.film-description__link{display:block}.film-description__link:hover{color:#00f}.film-description__info{flex-direction:column;gap:20px;padding:30px;display:flex}.film-description__type{font-size:inherit;margin-right:30px}.menu{background:#0a2aa3;width:90%;max-width:1000px;margin:3rem auto;box-shadow:0 0 1rem #0000004d}.menu__list{gap:10px;list-style-type:none;display:flex}.menu__item{text-align:center;flex-grow:1;position:relative}.menu__link{cursor:pointer;text-transform:uppercase;color:#fff;opacity:.6;border-bottom:.15rem solid #0000;padding:2px;line-height:3rem;text-decoration:none}.menu__link:focus{outline:none}.menu__link:hover,.menu__link:focus{opacity:1;border-bottom-color:#ff0}.menu__link-active,.menu__link-active:hover,.menu__link-active:focus{opacity:1;border-bottom-color:#0f0}.page{background:#a1ccde;flex-direction:column;gap:30px;width:90%;max-width:1000px;margin:3rem auto;padding:1rem;display:flex;box-shadow:0 0 1rem #0000004d}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}@media (width<=400px){body{font-size:10px}}@media (width>=800px){body{font-size:16px}}html{font-size:calc(1.5vw + 4px)}body{background:#1d7dc3}button{cursor:pointer}button,input{font-size:inherit;background-color:#fff;border:none}button:focus,input:focus{outline:none}a{color:inherit;text-decoration:none}ol,ul{list-style-type:none}.visually-hidden{position:fixed;transform:scale(0)}