@import "https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";body{color:#fff;background-color:#000;margin:0}.d-none{display:none}footer{background-color:#0e0d0d;justify-content:center;align-items:center;width:100%;height:50px;margin-top:50px;padding:9px 0;display:flex}footer .content{color:#fff;flex-direction:column;justify-content:center;align-items:center;row-gap:6px;font-family:Poppins,sans-serif;font-size:12px;display:flex}footer .content b:hover{color:#d61127}header{background-color:#000;justify-content:space-around;align-items:center;height:90px;transition:all .2s;display:flex}header.expanded{height:270px}nav{justify-content:center;align-items:center;width:80%;display:flex}#logo{filter:invert();width:120px;height:auto}.btn-toggle-nav{justify-content:center;align-items:center;display:none}.btn-toggle-nav svg{cursor:pointer;stroke:#d6cdcda9;width:40px;height:40px;transition:all .2s}.btn-toggle-nav svg:hover{stroke:#fff}ul{justify-content:space-evenly;width:100%;display:flex}li{color:#f0f8ff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;list-style:none;transition:all .5s}li:hover,li.active{color:#d21617}a{text-decoration:none}@media (width<=600px){ul{display:none}img{width:120px}.btn-toggle-nav{display:flex}header.expanded{align-items:flex-start;margin-top:30px}header.expanded ul{flex-direction:column;align-items:center;width:100%;padding:0;display:flex;position:absolute;top:100px;left:0}nav{justify-content:space-between}}.container-comments{justify-content:center;align-items:flex-start;width:100%;min-height:80vh;font-family:Poppins,sans-serif;display:flex}.content-comments{flex-direction:column;justify-content:space-between;align-items:flex-start;row-gap:30px;width:95%;height:100%;display:flex}.content-comments>h2{align-self:center;font-size:2rem;font-weight:700}.container-comments form .input-comment{justify-content:flex-start;column-gap:15px;width:100%;display:flex}.container-comments form .input-comment .profile-image{width:auto}.container-comments form .input-comment .profile-image img{width:50px;height:50px}.container-comments form .input-comment .comment{flex-direction:column;justify-content:space-between;align-items:flex-start;row-gap:3px;width:100%;display:flex}.container-comments form .input-comment .comment span{font-size:15px;font-weight:500}.container-comments form .input-comment *{width:50%}.container-comments form .input-comment input{padding:5px 0;font-size:14px}.container-comments form .input-comment .btn-comment{justify-content:flex-end}.container-comments form .input-comment input:focus+.btn-comment,.container-comments form .input-comment input:valid+.btn-comment{display:flex}.container-comments form .input-comment .button{width:120px;height:40px;font-size:1rem;font-weight:500}.container-comments .history-comments{flex-direction:column;justify-content:flex-start;align-items:flex-start;row-gap:25px;width:80%;display:flex}@media (width<=700px){.content-comments,.container-comments form .input-comment *,.container-comments .history-comments{width:90%}}.button{color:#fff;cursor:pointer;background-color:#d21617;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;width:200px;height:60px;margin-top:25px;padding:8px 10px;font-family:Poppins,sans-serif;font-size:17px;font-weight:700;transition:all .8s;display:flex}.button:hover{color:#000;background-color:#fff}.comment{flex-direction:column;justify-content:space-between;align-items:center;row-gap:30px;width:100%;font-family:Poppins,sans-serif;display:flex}.comment .content-comment{justify-content:flex-start;column-gap:15px;width:100%;display:flex}.comment .profile-image{width:auto}.comment .profile-image img{border-radius:50px;width:50px;height:50px}.comment .body-comment{flex-direction:column;justify-content:flex-start;align-items:flex-start;row-gap:5px;width:100%;display:flex}.comment .body-comment span{font-size:15px;font-weight:500}.comment .body-comment .text-muted{color:#ccccccad;margin-left:2px;font-size:11px;font-weight:700}.comment .body-comment p{margin-top:0;font-size:14px;font-weight:300}.form-container{justify-content:center;align-items:center;width:100%;display:flex}.form-container form{flex-direction:column;justify-content:space-between;align-items:center;row-gap:30px;font-family:Poppins,sans-serif;display:flex}.form-container form h2{color:#fff;font-size:2rem}.form-container .form-control{color:#fff;background-color:#0000;border:none;border-bottom:1px solid #4d4a4a;outline:none;width:100%;height:25px;padding:5px 12px;font-size:16px}.form-container .form-control:focus{border-color:#fff}.form-container textarea{height:auto!important}.container-result{color:#fff;justify-content:center;align-items:center;width:100%;display:flex}.alert{text-align:center;border-radius:50px;width:100%;padding:8px;font-weight:700}.alert-danger{color:#d61127;background-color:#d611274d;border:1px solid #d61127}.alert-success{color:#28a745;background-color:#28a7454d;border:1px solid #28a745}.container-movies{color:#fff;justify-content:center;align-items:center;width:100%;height:auto;font-family:Poppins,sans-serif;display:flex}.container-movies .content{flex-direction:column;justify-content:space-between;align-items:center;width:80%;height:auto;display:flex}.container-movies .content .header{margin-bottom:60px}.container-movies .content .header input{text-align:center}.container-movies .content .movies{justify-content:center;align-items:center;width:100%;min-height:59vh;display:flex}.container-movies .content .movies .grid-photos{grid-template-columns:repeat(8,1fr);gap:40px 16px;display:grid}.container-movies .content .movies .grid-photos img{width:100%;height:auto;transition:all .3s}.container-movies .content .movies .grid-photos img:hover{scale:1.01}.container-movies .content .movies .grid-photos:hover img:not(:hover){opacity:.3}@media (width<=1700px){.container-movies .content .movies .grid-photos{grid-template-columns:repeat(5,1fr)}.container-movies .content .movies .grid-photos img{width:100%;height:auto}}@media (width<=950px){.container-movies .content .movies .grid-photos{grid-template-columns:repeat(3,1fr)}.container-movies .content .movies .grid-photos img{width:100%;height:auto}}@media (width<=600px){.container-movies .content .movies .grid-photos{grid-template-columns:repeat(2,1fr)}}.react-photo-album:hover img:not(:hover){opacity:.3}.react-photo-album img{transition:all .5s}.react-photo-album img:hover{scale:.98}.container-photos{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:auto;display:flex}.container-photos .content-photos{width:80%;min-height:59vh}.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding) * 1px);position:relative}.react-photo-album--image{width:100%;height:auto;aspect-ratio:var(--react-photo-album--photo-width) / var(--react-photo-album--photo-height);display:block}.react-photo-album--button{cursor:pointer;border:initial;background:initial}.react-photo-album--rows{row-gap:calc(var(--react-photo-album--spacing) * 1px);flex-direction:column}.react-photo-album--rows .react-photo-album--track{--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing) * (var(--react-photo-album--track-size) - 1) + 2 * var(--react-photo-album--padding) * var(--react-photo-album--track-size));justify-content:space-between}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps) * 1px) / (var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps)) * var(--react-photo-album--photo-width) + 2px * var(--react-photo-album--padding))}#banner{background-image:url(/assets/banner-cA9KdpVQ.jpg);background-position:50%;background-size:cover;width:100%;height:600px}#trailer-container{background-color:#000;justify-content:center;width:100%;height:auto;margin-top:30px;display:flex}#trailer-container .content{justify-content:space-between;align-items:center;width:80%;display:flex}.trailer{width:50%}#sinopse{flex-direction:column;justify-content:space-between;width:50%;margin-left:30px;display:flex}.description{color:#fff;text-align:justify;font-family:Poppins,sans-serif;font-size:19px}@media (width<=600px){#trailer-container .content{flex-direction:column;justify-content:center;align-items:center}.trailer,#sinopse{width:100%}.description{font-size:15px}#sinopse{align-items:center;margin-left:0}#banner{background-image:url(/assets/banner-6-DnWc2XRr.jpg)}}.actor-cards-container{background-color:#000;justify-content:center;width:100%;margin-top:50px;display:flex}.cards-content{grid-template-columns:repeat(3,1fr);gap:20px 40px;width:90%;display:grid}.card{cursor:pointer;color:#fff;background-position:50%;background-size:cover;border-radius:5px;flex-direction:column;justify-content:flex-end;width:100%;height:600px;padding:0 0 20px 10px;font-family:Poppins,sans-serif;font-size:17px;transition:all 1s;display:flex}.cards-content:hover .card:not(:hover){opacity:.3}.card:hover{transform:scale(1.04)}.banner-1{background-image:url(/assets/Jason%20Momoa%20-%20Villain-_kPgvbwk.jpg)}.banner-1:hover{background-image:url(/assets/Jason%20Momoa%20-%20Villain%20-%20VERSO-6XCiLcuL.jpg)}.banner-2{background-image:url(/assets/Michelle%20Rodriguez%20-%20Letty%20Ortiz-CMDNRXUp.jpg)}.banner-2:hover{background-image:url(/assets/Michelle%20Rodriguez%20-%20Letty%20Ortiz%20-%20VERSO-DG2Tf9Jl.jpg)}.banner-3{background-image:url(/assets/Vin%20Diesel%20-%20Dominic%20Toretto-D3WabyzJ.jpg)}.banner-3:hover{background-image:url(/assets/Vin%20Diesel%20-%20Dominic%20Toretto%20-%20VERSO-GtsTjwNX.jpg)}@media (width<=720px){.cards-content{flex-wrap:wrap;row-gap:40px;width:70%;display:flex}.card{height:450px}}