html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--branco: #FFF;--cinza: #efefef;--primary-color: #262835;--secondary-color: #ff5473}.btn{display:flex;justify-content:center;align-items:center;width:100%;padding:1.25rem 0;border-radius:.625rem;text-decoration:none}.btn__primary{color:var(--branco);background:var(--primary-color)}.btn__secondary{color:var(--branco);background:var(--secondary-color)}/*!
 * Magic - https://www.minimamente.com
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 * Copyright (c) 2022 Christian Pucci
 */.puffIn{animation-name:puffIn}@keyframes puffIn{0%{filter:blur(2px);opacity:0;transform:scale(2);transform-origin:50% 50%}to{filter:blur(0);opacity:1;transform:scale(1);transform-origin:50% 50%}}.puffOut{animation-name:puffOut}@keyframes puffOut{0%{filter:blur(0);opacity:1;transform:scale(1);transform-origin:50% 50%}to{filter:blur(2px);opacity:0;transform:scale(2);transform-origin:50% 50%}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{filter:blur(90px);opacity:0;transform:scale(2);transform-origin:50% 50%}to{filter:blur(0);opacity:1;transform:scale(1);transform-origin:50% 50%}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{filter:blur(0);opacity:1;transform:scale(1);transform-origin:50% 50%}to{filter:blur(20px);opacity:0;transform:scale(2);transform-origin:50% 50%}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform:perspective(800px) rotateX(-90deg);transform-origin:50% 0}50%{opacity:1;transform:perspective(800px) rotateX(50deg);transform-origin:50% 0}to{opacity:1;transform:perspective(800px) rotateX(0);transform-origin:50% 0}}.boingOutDown{animation-name:boingOutDown}@keyframes boingOutDown{0%{opacity:1;transform:perspective(800px) rotateX(0) rotateY(0);transform-origin:100% 100%}20%{opacity:1;transform:perspective(800px) rotateX(0) rotateY(10deg);transform-origin:100% 100%}30%{opacity:1;transform:perspective(800px) rotateX(0) rotateY(0);transform-origin:0 100%}40%{opacity:1;transform:perspective(800px) rotateX(10deg) rotateY(10deg);transform-origin:0 100%}to{opacity:0;transform:perspective(800px) rotateX(90deg) rotateY(0);transform-origin:100% 100%}}.bombLeftOut{animation-name:bombLeftOut}@keyframes bombLeftOut{0%{filter:blur(0);opacity:1;transform:rotate(0);transform-origin:50% 50%}50%{filter:blur(0);opacity:1;transform:rotate(-160deg);transform-origin:-100% 50%}to{filter:blur(20px);opacity:0;transform:rotate(-160deg);transform-origin:-100% 50%}}.bombRightOut{animation-name:bombRightOut}@keyframes bombRightOut{0%{filter:blur(0);opacity:1;transform:rotate(0);transform-origin:50% 50%}50%{filter:blur(0);opacity:1;transform:rotate(160deg);transform-origin:200% 50%}to{filter:blur(20px);opacity:0;transform:rotate(160deg);transform-origin:200% 50%}}.magic{animation-name:magic}@keyframes magic{0%{opacity:1;transform:scale(1) rotate(0);transform-origin:100% 200%}to{opacity:0;transform:scale(0) rotate(270deg);transform-origin:200% 500%}}.swap{animation-name:swap}@keyframes swap{0%{opacity:0;transform:scale(0) translate(-700px);transform-origin:0 100%}to{opacity:1;transform:scale(1) translate(0);transform-origin:100% 100%}}.twisterInDown{animation-name:twisterInDown}@keyframes twisterInDown{0%{opacity:0;transform:scale(0) rotate(1turn) translateY(-100%);transform-origin:0 100%}30%{transform:scale(0) rotate(1turn) translateY(-100%);transform-origin:0 100%}to{opacity:1;transform:scale(1) rotate(0) translateY(0);transform-origin:100% 100%}}.twisterInUp{animation-name:twisterInUp}@keyframes twisterInUp{0%{opacity:0;transform:scale(0) rotate(1turn) translateY(100%);transform-origin:100% 0}30%{transform:scale(0) rotate(1turn) translateY(100%);transform-origin:100% 0}to{opacity:1;transform:scale(1) rotate(0) translateY(0);transform-origin:0 0}}.foolishIn{animation-name:foolishIn}@keyframes foolishIn{0%{opacity:0;transform:scale(0) rotate(1turn);transform-origin:50% 50%}20%{opacity:1;transform:scale(.5) rotate(0);transform-origin:0 100%}40%{opacity:1;transform:scale(.5) rotate(0);transform-origin:100% 100%}60%{opacity:1;transform:scale(.5) rotate(0);transform-origin:0}80%{opacity:1;transform:scale(.5) rotate(0);transform-origin:0 0}to{opacity:1;transform:scale(1) rotate(0);transform-origin:50% 50%}}.foolishOut{animation-name:foolishOut}@keyframes foolishOut{0%{opacity:1;transform:scale(1) rotate(1turn);transform-origin:50% 50%}20%{opacity:1;transform:scale(.5) rotate(0);transform-origin:0 0}40%{opacity:1;transform:scale(.5) rotate(0);transform-origin:100% 0}60%{opacity:1;transform:scale(.5) rotate(0);transform-origin:0}80%{opacity:1;transform:scale(.5) rotate(0);transform-origin:0 100%}to{opacity:0;transform:scale(0) rotate(0);transform-origin:50% 50%}}.holeOut{animation-name:holeOut}@keyframes holeOut{0%{opacity:1;transform:scale(1) rotateY(0);transform-origin:50% 50%}to{opacity:0;transform:scale(0) rotateY(180deg);transform-origin:50% 50%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform:scale(0);transform-origin:50% 50%}90%{opacity:1;transform:scale(.9);transform-origin:50% 50%}to{opacity:1;transform:scale(1);transform-origin:50% 50%}}.swashOut{animation-name:swashOut}@keyframes swashOut{0%{opacity:1;transform:scale(1);transform-origin:50% 50%}80%{opacity:1;transform:scale(.9);transform-origin:50% 50%}to{opacity:0;transform:scale(0);transform-origin:50% 50%}}.spaceInDown{animation-name:spaceInDown}@keyframes spaceInDown{0%{opacity:0;transform:scale(.2) translateY(200%);transform-origin:50% 100%}to{opacity:1;transform:scale(1) translate(0);transform-origin:50% 100%}}.spaceInLeft{animation-name:spaceInLeft}@keyframes spaceInLeft{0%{opacity:0;transform:scale(.2) translate(-200%);transform-origin:0 50%}to{opacity:1;transform:scale(1) translate(0);transform-origin:0 50%}}.spaceInRight{animation-name:spaceInRight}@keyframes spaceInRight{0%{opacity:0;transform:scale(.2) translate(200%);transform-origin:100% 50%}to{opacity:1;transform:scale(1) translate(0);transform-origin:100% 50%}}.spaceInUp{animation-name:spaceInUp}@keyframes spaceInUp{0%{opacity:0;transform:scale(.2) translateY(-200%);transform-origin:50% 0}to{opacity:1;transform:scale(1) translate(0);transform-origin:50% 0}}.spaceOutDown{animation-name:spaceOutDown}@keyframes spaceOutDown{0%{opacity:1;transform:scale(1) translate(0);transform-origin:50% 100%}to{opacity:0;transform:scale(.2) translateY(200%);transform-origin:50% 100%}}.spaceOutLeft{animation-name:spaceOutLeft}@keyframes spaceOutLeft{0%{opacity:1;transform:scale(1) translate(0);transform-origin:0 50%}to{opacity:0;transform:scale(.2) translate(-200%);transform-origin:0 50%}}.spaceOutRight{animation-name:spaceOutRight}@keyframes spaceOutRight{0%{opacity:1;transform:scale(1) translate(0);transform-origin:100% 50%}to{opacity:0;transform:scale(.2) translate(200%);transform-origin:100% 50%}}.spaceOutUp{animation-name:spaceOutUp}@keyframes spaceOutUp{0%{opacity:1;transform:scale(1) translate(0);transform-origin:50% 0}to{opacity:0;transform:scale(.2) translateY(-200%);transform-origin:50% 0}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform:perspective(800px) rotateX(0);transform-origin:0 100%}to{transform:perspective(800px) rotateX(-180deg);transform-origin:0 100%}}.perspectiveDownReturn{animation-name:perspectiveDownReturn}@keyframes perspectiveDownReturn{0%{transform:perspective(800px) rotateX(-180deg);transform-origin:0 100%}to{transform:perspective(800px) rotateX(0);transform-origin:0 100%}}.perspectiveLeft{animation-name:perspectiveLeft}@keyframes perspectiveLeft{0%{transform:perspective(800px) rotateY(0);transform-origin:0 0}to{transform:perspective(800px) rotateY(-180deg);transform-origin:0 0}}.perspectiveLeftReturn{animation-name:perspectiveLeftReturn}@keyframes perspectiveLeftReturn{0%{transform:perspective(800px) rotateY(-180deg);transform-origin:0 0}to{transform:perspective(800px) rotateY(0);transform-origin:0 0}}.perspectiveRight{animation-name:perspectiveRight}@keyframes perspectiveRight{0%{transform:perspective(800px) rotateY(0);transform-origin:100% 0}to{transform:perspective(800px) rotateY(180deg);transform-origin:100% 0}}.perspectiveRightReturn{animation-name:perspectiveRightReturn}@keyframes perspectiveRightReturn{0%{transform:perspective(800px) rotateY(180deg);transform-origin:100% 0}to{transform:perspective(800px) rotateY(0);transform-origin:100% 0}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform:perspective(800px) rotateX(0);transform-origin:0 0}to{transform:perspective(800px) rotateX(180deg);transform-origin:0 0}}.perspectiveUpReturn{animation-name:perspectiveUpReturn}@keyframes perspectiveUpReturn{0%{transform:perspective(800px) rotateX(180deg);transform-origin:0 0}to{transform:perspective(800px) rotateX(0);transform-origin:0 0}}.rotateDown{animation-name:rotateDown}@keyframes rotateDown{0%{opacity:1;transform:perspective(800px) rotateX(0) translateZ(0);transform-origin:0 0}to{opacity:0;transform:perspective(800px) rotateX(-180deg) translateZ(300px);transform-origin:50% 100%}}.rotateLeft{animation-name:rotateLeft}@keyframes rotateLeft{0%{opacity:1;transform:perspective(800px) rotateY(0) translateZ(0);transform-origin:0 0}to{opacity:0;transform:perspective(800px) rotateY(-180deg) translateZ(300px);transform-origin:50% 0}}.rotateRight{animation-name:rotateRight}@keyframes rotateRight{0%{opacity:1;transform:perspective(800px) rotateY(0) translate3d(0);transform-origin:0 0}to{opacity:0;transform:perspective(800px) rotateY(180deg) translateZ(150px);transform-origin:50% 0}}.rotateUp{animation-name:rotateUp}@keyframes rotateUp{0%{opacity:1;transform:perspective(800px) rotateX(0) translateZ(0);transform-origin:0 0}to{opacity:0;transform:perspective(800px) rotateX(180deg) translateZ(100px);transform-origin:50% 0}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform:translateY(0);transform-origin:0 0}to{transform:translateY(100%);transform-origin:0 0}}.slideDownReturn{animation-name:slideDownReturn}@keyframes slideDownReturn{0%{transform:translateY(100%);transform-origin:0 0}to{transform:translateY(0);transform-origin:0 0}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform:translate(0);transform-origin:0 0}to{transform:translate(-100%);transform-origin:0 0}}.slideLeftReturn{animation-name:slideLeftReturn}@keyframes slideLeftReturn{0%{transform:translate(-100%);transform-origin:0 0}to{transform:translate(0);transform-origin:0 0}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform:translate(0);transform-origin:0 0}to{transform:translate(100%);transform-origin:0 0}}.slideRightReturn{animation-name:slideRightReturn}@keyframes slideRightReturn{0%{transform:translate(100%);transform-origin:0 0}to{transform:translate(0);transform-origin:0 0}}.slideUp{animation-name:slideUp}@keyframes slideUp{0%{transform:translateY(0);transform-origin:0 0}to{transform:translateY(-100%);transform-origin:0 0}}.slideUpReturn{animation-name:slideUpReturn}@keyframes slideUpReturn{0%{transform:translateY(-100%);transform-origin:0 0}to{transform:translateY(0);transform-origin:0 0}}.openDownLeft{animation-name:openDownLeft}@keyframes openDownLeft{0%{animation-timing-function:ease-out;transform:rotate(0);transform-origin:bottom left}to{animation-timing-function:ease-in-out;transform:rotate(-110deg);transform-origin:bottom left}}.openDownLeftReturn{animation-name:openDownLeftReturn}@keyframes openDownLeftReturn{0%{animation-timing-function:ease-in-out;transform:rotate(-110deg);transform-origin:bottom left}to{animation-timing-function:ease-out;transform:rotate(0);transform-origin:bottom left}}.openDownRight{animation-name:openDownRight}@keyframes openDownRight{0%{animation-timing-function:ease-out;transform:rotate(0);transform-origin:bottom right}to{animation-timing-function:ease-in-out;transform:rotate(110deg);transform-origin:bottom right}}.openDownRightReturn{animation-name:openDownRightReturn}@keyframes openDownRightReturn{0%{animation-timing-function:ease-in-out;transform:rotate(110deg);transform-origin:bottom right}to{animation-timing-function:ease-out;transform:rotate(0);transform-origin:bottom right}}.openUpLeft{animation-name:openUpLeft}@keyframes openUpLeft{0%{animation-timing-function:ease-out;transform:rotate(0);transform-origin:top left}to{animation-timing-function:ease-in-out;transform:rotate(110deg);transform-origin:top left}}.openUpLeftReturn{animation-name:openUpLeftReturn}@keyframes openUpLeftReturn{0%{animation-timing-function:ease-in-out;transform:rotate(110deg);transform-origin:top left}to{animation-timing-function:ease-out;transform:rotate(0);transform-origin:top left}}.openUpRight{animation-name:openUpRight}@keyframes openUpRight{0%{animation-timing-function:ease-out;transform:rotate(0);transform-origin:top right}to{animation-timing-function:ease-in-out;transform:rotate(-110deg);transform-origin:top right}}.openUpRightReturn{animation-name:openUpRightReturn}@keyframes openUpRightReturn{0%{animation-timing-function:ease-in-out;transform:rotate(-110deg);transform-origin:top right}to{animation-timing-function:ease-out;transform:rotate(0);transform-origin:top right}}.openDownLeftOut{animation-name:openDownLeftOut}@keyframes openDownLeftOut{0%{animation-timing-function:ease-out;opacity:1;transform:rotate(0);transform-origin:bottom left}to{animation-timing-function:ease-in-out;opacity:0;transform:rotate(-110deg);transform-origin:bottom left}}.openDownRightOut{animation-name:openDownRightOut}@keyframes openDownRightOut{0%{animation-timing-function:ease-out;opacity:1;transform:rotate(0);transform-origin:bottom right}to{animation-timing-function:ease-in-out;opacity:0;transform:rotate(110deg);transform-origin:bottom right}}.openUpLeftOut{animation-name:openUpLeftOut}@keyframes openUpLeftOut{0%{animation-timing-function:ease-out;opacity:1;transform:rotate(0);transform-origin:top left}to{animation-timing-function:ease-in-out;opacity:0;transform:rotate(110deg);transform-origin:top left}}.openUpRightOut{animation-name:openUpRightOut}@keyframes openUpRightOut{0%{animation-timing-function:ease-out;opacity:1;transform:rotate(0);transform-origin:top right}to{animation-timing-function:ease-in-out;opacity:0;transform:rotate(-110deg);transform-origin:top right}}.tinDownIn{animation-name:tinDownIn}@keyframes tinDownIn{0%{opacity:0;transform:scale(1) translateY(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinDownOut{animation-name:tinDownOut}@keyframes tinDownOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}10%,30%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:0;transform:scale(1) translateY(900%)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftOut{animation-name:tinLeftOut}@keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translate(0)}10%,30%{opacity:1;transform:scale(1.1) translate(0)}to{opacity:0;transform:scale(1) translate(-900%)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinRightOut{animation-name:tinRightOut}@keyframes tinRightOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translate(0)}10%,30%{opacity:1;transform:scale(1.1) translate(0)}to{opacity:0;transform:scale(1) translate(900%)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinUpOut{animation-name:tinUpOut}@keyframes tinUpOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}10%,30%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:0;transform:scale(1) translateY(-900%)}}.magictime{animation-duration:1.5s;animation-fill-mode:both}html{font-family:Roboto,sans-serif;background:var(--primary-color)}main{max-width:37.5rem;margin:0 auto;box-sizing:border-box}
