:root{--backgrond:#000;--text-color:#FFF;--button:#8257E5;--border:#29292E;--border-menu-mobile:#A8A8B3;--text-color-menu-mobile:#E1E1E6}@font-face{font-family:"Manrope Bold";src:local(Manrope),url(../fontes/Manrope-Bold.ttf);font-display:swap}@font-face{font-family:"Manrope Regular";src:local(Manrope),url(../fontes/Manrope-Regular.ttf);font-display:swap}*{padding:0;margin:0;box-sizing:border-box;font-size:16px}a{text-decoration:none}ul{list-style:none}button{border:none;background-color:initial}body.hidden{overflow:hidden}.bg{background-color:var(--backgrond);background-repeat:no-repeat,no-repeat;background-image:url(../assets/blur-right.png),url(../assets/blur-left.png);background-position:top -150px right,left -150px bottom -50px;height:100vh;overflow:hidden}.container{max-width:958px;margin:0 auto;padding:50px 10px 0}.banner .banner__button,.banner .banner__title .title__mobile,.navigation__mobile{display:none}.top__header{display:flex;justify-content:space-between;align-items:center}.top__header .header__navigation ul{display:flex}.top__header .navigation__mobile ul{display:none}.top__header .header__navigation ul li+li{margin-left:32px}.top__header .header__navigation ul li a{color:var(--text-color);font-size:14px;font-family:"Monrope Regular",'Courier New',Courier,monospace;line-height:21px;transition:.7s}.top__header .header__navigation ul li a:hover,.top__header .header__navigation ul li.ativo a{color:var(--button)}.banner .banner__button,.top__header .header__button{color:var(--text-color);cursor:pointer;border:1px solid var(--button);border-radius:6px;font-family:"Monrope Bold",'Courier New',Courier,monospace;font-size:.7rem;font-weight:700;padding:11px 38px;text-transform:uppercase}.top__header .header__button{transition:.7s}.top__header .header__button:hover{background-color:var(--button)}.banner{padding-top:45px}.banner .banner__title .title__mobile,.banner .banner__title h1{color:var(--text-color);font-family:"Manrope Bold","Courier New",Courier,monospace;font-size:80px;line-height:100px;text-align:center}.banner .banner__title .break__title{color:initial;display:block;font-size:inherit;text-shadow:-1px -1px 0 var(--button),1px -1px 0 var(--button),-1px 1px 0 var(--button),1px 1px 0 var(--button)}.banner .banner__image{margin:0 auto;max-width:800px;text-align:center;position:relative}.banner .banner__image img{position:relative;z-index:99}.banner .banner__image::after,.banner .banner__image::before{background-repeat:no-repeat;background-position:center;background-size:100%;content:'';display:inline-block;height:202px;position:absolute;width:171px}.banner .banner__image::before{animation:animCoffeLeft 1s 1s;background-image:url(../assets/c2.png);bottom:50px;left:30px}.banner .banner__image::after{animation:animCoffeRight 1s 1s;background-image:url(../assets/c1.png);right:110px;top:60px}[data-anim=top]{transform:translate3d(0,20px,0);opacity:0;animation:animTop 1s forwards}.banner__title{animation-delay:.5s}.banner__image{animation-delay:1s}[data-anim=flash]{animation:flash 1.5s;animation-delay:1.4s}@keyframes animTop{to{transform:translate3d(0,0,0);opacity:1}}@keyframes flash{20%{opacity:.3}30%{opacity:.5}40%{opacity:.4}45%{opacity:1}50%{opacity:.3}60%{opacity:.4}80%{opacity:.8}90%{opacity:.3}100%{opacity:1}}@keyframes animCoffeLeft{from{transform:translate3d(150px,20px,0) rotate(-35deg)}to{transform:translate3d(0,0,0) rotate(0)}}@keyframes animCoffeRight{from{transform:translate3d(-50px,100px,0)}to{transform:translate3d(0,0,0)}}@media (max-width:767px){.bg{background-image:url(../assets/blur-mobile.png);background-position:bottom -200px center;background-size:100%;height:initial;overflow:initial}.container{padding:0}.header__button,.header__navigation{display:none}.top__header{border:1px solid var(--border);padding:37px 10px 25px 10px}.top__header .header__logo{z-index:99}.top__header .navigation__mobile{display:block}.top__header .navigation__mobile button{align-items:flex-end;display:flex;flex-direction:column;padding-bottom:10px;position:relative;z-index:99}.top__header .navigation__mobile .bar{background-color:var(--button);width:24px;display:block;height:2px;transition:.7s}.top__header .navigation__mobile button.ativo .bar-1,.top__header .navigation__mobile button.ativo .bar-2{width:25px}.top__header .navigation__mobile button.ativo .bar-1{transform:rotate(45deg) translate3d(1px,4px,0)}.top__header .navigation__mobile button.ativo .bar-2{transform:rotate(-45deg) translate3d(0,-3px,0)}.top__header .navigation__mobile .bar-1{width:24px}.top__header .navigation__mobile .bar-2{margin-top:4px;width:16px}.top__header .navigation__mobile ul{background-color:var(--backgrond);flex-direction:column;height:100%;left:0;padding-top:100px;position:absolute;top:0;width:100%;z-index:98}.top__header .navigation__mobile ul.ativo{display:flex}.top__header .header__navigation ul li{padding:10px 0 10px 25px;border:1px solid var(--border)}.top__header .navigation__mobile li{position:relative}.top__header .header__navigation ul li.ativo::before,.top__header .header__navigation ul li:hover::before{background-color:var(--button);content:'';display:inline-block;height:100%;left:-1px;position:absolute;top:0;width:6px}.top__header .header__navigation ul li+li{margin:0}.top__header .header__navigation ul li a{display:inline-block;padding-bottom:5px;padding-top:5px}.banner{padding:88px 10px 0}.banner .banner__title .title__mobile{display:block;font-size:30px;line-height:45px}.banner .banner__title h1{font-size:50px;line-height:60px}.banner .banner__button{display:block;margin:88px auto 98px auto}.banner .banner__image img{width:100%;padding-top:20px}.banner .banner__image::after,.banner .banner__image::before{display:none}}