@import"https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&display=swap";:root{font-family:Kdam Thmor Pro,sans-serif;color:var(--color-02);--bg-color-01: #000000;--bg-color-02: #ffffff;--bg-color-03: #960000;--bg-color-04: #181818;--color-01: #000000;--color-02: #ffffff;--color-03: #D21617}#root{width:100%}body{margin:0;display:flex;min-width:320px;min-height:100vh}a{text-decoration:none}.banner{background-image:url(/BatmanPage-react/imgs/banner/bannerBatman.jpg);background-position:50% 50%;background-size:cover;width:100%;height:550px;margin-top:90px}.trailer-container{display:flex;justify-content:center;flex-direction:row;width:100%;background-color:var(--bg-color-01);padding:30px 0 50px}.content{display:flex;align-items:center;width:80%}.trailer{width:50%;z-index:1}.sinopse{display:flex;flex-direction:column;margin:30px;width:50%}.description{font-size:19px;width:100%}.buy-button{display:flex;justify-content:center;align-items:center;width:200px;height:60px;background-color:var(--bg-color-03);color:var(--color-02);padding:8px 10px;border-radius:5px;cursor:pointer;transition:.8s;font-family:Kdam Thmor Pro;font-size:18px;border:none}.buy-button:hover{background-color:var(--bg-color-02);color:var(--color-01)}.actor-cards-container{display:flex;justify-content:center;width:100%;background-color:var(--bg-color-01);padding-bottom:50px}.cards-content{display:grid;grid-template-columns:repeat(3,1fr);row-gap:20px;column-gap:40px;width:90%}.card{display:flex;flex-direction:column;justify-content:end;width:100%;height:600px;font-size:17px;background-size:cover;background-position:50% 50%;border-radius:5px;transition:1s;padding:0 0 20px 10px}.card:hover{transform:scale(1.05)}.banner-1{background-image:url(/BatmanPage-react/imgs/mainActors/Batman.png)}.banner-2{background-image:url(/BatmanPage-react/imgs/mainActors/ZoeKravitz.jpg)}.banner-3{background-image:url(/BatmanPage-react/imgs/mainActors/Charada.png)}@media (max-width: 768px){.banner{background-position:40%;height:205px}.trailer-container{display:flex;flex-direction:column;align-items:center;width:100%}.content{flex-direction:column;width:95%}.trailer{width:95%}.sinopse{width:95%;align-items:center}.buy-button{margin-top:30px}.cards-content{width:75%;grid-template-columns:1fr}}header{display:flex;align-items:center;justify-content:space-around;position:fixed;top:0;width:100%;height:90px;background-color:var(--bg-color-01);z-index:2}.logo{width:150px;height:auto}.large-nav{width:60%}.large-nav ul{display:flex;align-items:center;justify-content:space-between}li{list-style:none;font-size:18px;cursor:pointer;transition:.5s}li:hover{color:var(--color-03)}.small-nav{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--bg-color-01)}.menu-hamburguer{display:none;cursor:pointer}.bar1,.bar2,.bar3{width:2rem;height:.3rem;margin:.4rem 0;background-color:var(--color-02);transition:.3s ease}.change .bar1{transform:translateY(.685rem) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-.72rem) rotate(45deg)}@media (max-width: 768px){header{justify-content:space-between}.logo{margin-left:10px}.menu-hamburguer{display:block;margin-right:25px}.large-nav{display:none}}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100px;font-size:14px;background-color:var(--bg-color-03)}.photos-container{width:100%;display:flex;justify-content:center;padding:140px 0 50px;background-color:var(--bg-color-01)}.photos-content{width:90%;display:grid;grid-template-columns:repeat(4,1fr);row-gap:20px;column-gap:40px}.photo{width:100%;height:600px;background-size:cover;background-position:50% 50%;border-radius:5px;transition:1s;display:flex;flex-direction:column;justify-content:end;padding:0 0 20px 10px;font-size:17px}.photo:hover{transform:scale(1.05)}.photo-1{background-image:url(/BatmanPage-react/imgs/mainPhotos/posterBatman-1.png)}.photo-2{background-image:url(/BatmanPage-react/imgs/mainPhotos/posterBatman-2.png)}.photo-3{background-image:url(/BatmanPage-react/imgs/mainPhotos/BruceWayne.png)}.photo-4{background-image:url(/BatmanPage-react/imgs/mainPhotos/MulherGato.png)}.photo-5{background-image:url(/BatmanPage-react/imgs/mainPhotos/OCharada.png)}.photo-6{background-image:url(/BatmanPage-react/imgs/mainPhotos/MulherGatoBatman.png)}.photo-7{background-image:url(/BatmanPage-react/imgs/mainPhotos/BatmanBatmovel.png)}.photo-8{background-image:url(/BatmanPage-react/imgs/mainPhotos/AlfredPennyworth.png)}.photo-9{background-image:url(/BatmanPage-react/imgs/mainPhotos/CarmineFalcone.png)}.photo-10{background-image:url(/BatmanPage-react/imgs/mainPhotos/Pinguim.png)}.photo-11{background-image:url(/BatmanPage-react/imgs/mainPhotos/Batmovel.png)}.photo-12{background-image:url(/BatmanPage-react/imgs/mainPhotos/NoMoreLies.png)}@media (max-width: 768px){.photos-content{width:75%;grid-template-columns:1fr}}.comments-container{width:100%;display:flex;justify-content:center;align-items:center;padding:140px 0 50px;background-color:var(--bg-color-01)}.comments-content{width:60%;background-color:var(--bg-color-04);border-radius:15px;padding:15px}.div-comment{display:flex;align-items:flex-start;margin:20px 0}.img{width:45px;height:45px;border-radius:50%;background-size:cover;margin-right:15px}.comment-info{display:flex;flex-direction:column;justify-content:space-between;max-width:calc(95% - 55px)}.name{font-size:12px;font-weight:700}.comment{margin:3px 0}.date-likes{display:flex;flex-direction:row;font-size:12px}.likes{margin-left:10px}.see-more{text-align:center}.img-1{background-image:url(https://i.pinimg.com/736x/fe/28/10/fe28105ae493184360e59a9a35a8d569.jpg)}.img-2{background-image:url(https://i.pinimg.com/736x/86/80/f3/8680f3c873a4e2487ae5db40f38762bf.jpg)}.img-3{background-image:url(https://i.pinimg.com/736x/5a/b5/5a/5ab55ab590615e5c0e2383fbe1933ca5.jpg)}.img-4{background-image:url(https://i.pinimg.com/736x/89/8a/a3/898aa314f322b88dafc27b841cee3ce4.jpg)}.img-5{background-image:url(https://i.pinimg.com/236x/a4/9f/77/a49f77a8d379c79fb78da22f544742dc.jpg)}.img-6{background-image:url(https://i.pinimg.com/736x/5c/8c/a9/5c8ca94ddd0d9a4e156ad3c0e57bd3a5.jpg)}.img-7{background-image:url(https://i.pinimg.com/736x/f6/86/77/f6867729f1bb1f10705a96d519c17ccc.jpg)}.img-8{background-image:url(https://i.pinimg.com/736x/d5/c8/eb/d5c8ebdfa1eb3ec56d3c284577f3a1c6.jpg)}.img-9{background-image:url(https://i.pinimg.com/736x/91/42/d8/9142d85a6435262a392d10a942116d3e.jpg)}.img-10{background-image:url(https://i.pinimg.com/736x/3f/4b/86/3f4b8638ca5918c5c104839b06a442c4.jpg)}.img-11{background-image:url(https://i.pinimg.com/736x/be/75/96/be75960fd78537fe6aacd955c4049182.jpg)}.img-12{background-image:url(https://i.pinimg.com/736x/b2/2d/11/b22d11d4d83285479420d15fa3e05b8c.jpg)}@media (max-width: 768px){.comments-content{width:85%}}.contacts-container{width:100%;display:flex;align-items:center;justify-content:center;min-height:75vh;padding:100px 0 50px;background-color:var(--bg-color-01)}.content{width:65%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.contacts{width:30%;display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px;column-gap:20px}.links{background-color:var(--bg-color-02);color:var(--color-01);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:10vw;height:10vw;font-size:14px}.links:hover{background-color:var(--bg-color-03)}.links:hover i{background-color:var(--bg-color-03);color:var(--color-02)}.links:hover h3{color:var(--color-02)}i{background-color:var(--bg-color-02);color:var(--color-03);font-size:3.5rem}.links h3{color:var(--color-01)}.send-message{background-color:var(--bg-color-03);width:30vw;height:30vw;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:1rem 0}.send-message h1{background-color:var(--bg-color-03);color:var(--color-02)}input{font-family:Kdam Thmor Pro;background-color:var(--bg-color-02);color:var(--color-01);width:70%;border-radius:.5rem;font-size:14px;padding:1rem;margin:.5rem 0;border:none}textarea{font-family:Kdam Thmor Pro;background-color:var(--bg-color-02);color:var(--bg-color-01);width:70%;font-size:14px;padding:1rem;margin:.5rem 0;resize:none;border:none;border-radius:.5rem}button{font-family:Kdam Thmor Pro;background-color:var(--bg-color-02);color:var(--color-01);border:none;font-size:14px;padding:.75rem;margin:.5rem 0;border-radius:.5rem}button:hover{background-color:var(--bg-color-01);color:var(--bg-color-02);transition:.5s}@media (max-width: 768px){.contacts-container{align-items:center;justify-content:space-around;flex-direction:column}.content{width:100%;display:flex;flex-direction:column;align-items:center}.contacts{width:100%;align-items:center;justify-items:center}i{font-size:2rem}.contacts{width:65%}.links{width:30vw;height:30vw}.send-message{width:80vw;height:100vw;margin-top:30px}input,textarea,button{font-size:12px}button:hover{background-color:var(--bg-color-01);color:var(--bg-color-02);transition:.5s}}