*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins', sans-serif}header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:40px 100px;z-index:1000}header .logo{max-width:120px}header .logo img{max-width:100%}header .toggle{max-width:60px;cursor:pointer}header .toggle img{max-width:100%}.banner{position:relative;width:100%;min-height:100vh;padding:0 100px;background:url("../../images/bg.jpg");background-position:center;background-size:cover;display:flex;align-items:center}.banner .content{max-width:550px}.banner .content h2{text-transform:uppercase;font-weight:400;font-size:2.5em;letter-spacing:.1em;color:white}.banner .content h2 span{font-weight:800}.banner .content p{color:white;font-size:1.2em;font-weight:300;letter-spacing:0.02em;line-height:1.5em;margin:15px 0 35px}.banner .content .play{position:relative;display:inline-flex;justify-content:flex-start;align-items:center;color:white;text-transform:uppercase;font-weight:500;letter-spacing:2px;font-size:1.2em;text-decoration:none}.banner .content .play img{margin-right:20px;max-width:50px}.banner .content .social{position:absolute;top:50%;transform:translateY(-50%);right:15px;justify-content:center;align-items:center;flex-direction:column;display:flex}.banner .content .social li{list-style:none}.banner .content .social li a{text-decoration:none}.banner .content .social li a img{filter:invert(1);transform:scale(0.5)}.banner .content .slide{position:absolute;bottom:50px;left:calc(50% - 250px / 2);width:250px;height:150px;background:url("../../images/joker.png");background-size:cover;cursor:pointer;animation:animate 25s linear infinite}@keyframes animate{0%,100%{background-position:top}45%,55%{background-position:bottom}}.trailer{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10000;background:rgba(0,0,0,0.95);width:100%;height:100%;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0}.trailer.active{visibility:visible;opacity:1}.trailer video{max-width:900px;outline:none}.trailer .close{position:absolute;top:30px;right:30px;cursor:pointer;filter:invert(1);max-width:30px}@media (max-width: 768px){header{padding:20px 50px}header .logo{max-width:80px}header .toggle{max-width:50px}.banner{padding:100px 50px}.banner .content h2{font-weight:400;font-size:2em;letter-spacing:0.05em}.banner .content p{font-size:1em}.banner .content .play{margin-bottom:20px}.banner .content .slide{position:relative;bottom:initial;left:0;width:250px;height:150px;margin:20px 0}.banner .content .social{top:initial;right:initial;flex-direction:row;margin-top:40px}.banner .content .social li{margin:0 5px}.trailer video{max-width:95%;outline:none;display:block;margin:auto}}
/*# sourceMappingURL=style.css.map */