*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:"Overpass",sans-serif;background-color:#121417}.container{border:1px solid #f0f;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.container .card{background-color:rgba(37,45,55,.6);width:88%;max-width:41rem;border-radius:1.5rem;padding:2.5rem}.container .card .hide{display:none}.container .card .star{background-color:rgba(124,135,152,.2);width:4rem;height:4rem;padding:1.2rem;border-radius:50%;justify-content:center;align-items:center}.container .card .star img{width:1.5rem}.container .card .title{font-size:2.4rem;color:#fff;margin-top:1.9rem}.container .card .text{font-size:1.4rem;color:#959eac;line-height:2.2rem;margin-top:1.2rem}.container .card .rating-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.container .card .rating-wrapper .rating-btn{color:#959eac;font-size:1.3rem;font-weight:700px;background-color:rgba(124,135,152,.2);width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:2.6rem}.container .card .rating-wrapper .rating-btn:hover{background-color:#fb7413;cursor:pointer;color:#fff}.container .card .rating-wrapper .active{background-color:#959eac;color:#fff}.container .submit-btn{background-color:#fb7413;margin-top:2.5rem;border-radius:2rem;display:flex;align-items:center;justify-content:center;padding:1.3rem}.container .submit-btn div{color:#fff;font-size:1.6rem;text-transform:capitalize;letter-spacing:.1rem}.container .submit-btn:hover{background-color:#fff;cursor:pointer}.container .submit-btn:hover div{color:#fb7413;font-weight:700}.container .card-content-2{display:flex;flex-direction:column;align-items:center;justify-content:center}.container .card-content-2 img{width:14.5rem;margin-top:1rem}.container .card-content-2 .text{text-align:center;margin-bottom:1.5rem}.container .card-content-2 .selected{background-color:rgba(124,135,152,.2);padding:.8rem 1.4rem;border-radius:2rem;margin-top:2.4rem;margin-bottom:.8rem}.container .card-content-2 .selected div{color:#fb7413;font-size:1.6rem}@media screen and (min-width: 1440px){.container .card{padding:3rem;border-radius:3rem}.container .card .star{width:5rem;height:5rem;display:flex;justify-content:center;align-items:center}.container .card .star img{width:1.7rem}.container .card .title{margin-top:3.4rem;font-size:2.77rem}.container .card .text{margin-top:.9rem;line-height:2.4rem;font-size:1.5rem}.container .card .rating-wrapper .rating-btn{width:5.1rem;height:5.1rem;font-size:1.6rem}.container .card .rating-wrapper .submit-btn{margin-top:3.2rem}}/*# sourceMappingURL=style.css.map */