@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap);body{background-color:#fff;font-family:Poppins,sans-serif}.maincontainer{float:left;height:235px;margin:10px;-webkit-perspective:1000px;perspective:1000px;position:relative;width:250px}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);height:100%;overflow:hidden;position:absolute;transition:box-shadow .6s ease,-webkit-transform .6s ease;transition:transform .6s ease,box-shadow .6s ease;transition:transform .6s ease,box-shadow .6s ease,-webkit-transform .6s ease;width:100%}.front{align-items:center;background:#1976d2;text-align:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.back,.front{color:#fff;display:flex;justify-content:center;padding:10px}.back{align-items:flex-start;background-image:linear-gradient(135deg,#43cbff 10%,#9708cc);flex-direction:column;font-style:italic;font-weight:800;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:9}.front h3{bottom:10px;font-size:15px;font-weight:400;left:10px;width:94px}.back h2{font-size:20px;margin-bottom:10px}.back p{font-size:15px}.back ol{padding-left:20px;width:100%}.back li{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;padding:5px 0}.maincontainer:hover .front{box-shadow:0 20px 40px rgba(0,0,0,.5);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.maincontainer:hover .back{box-shadow:0 20px 40px rgba(0,0,0,.5);-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.back ol::-webkit-scrollbar{width:7px}.back ol::-webkit-scrollbar-track{background:#333;border-radius:8px}.back ol::-webkit-scrollbar-thumb{background-color:#888;border:1px solid #555;border-radius:8px}.back ol::-webkit-scrollbar-thumb:hover{background-color:#555}.marquee-container{background:linear-gradient(90deg,#5555c39c,#272626);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;font-size:1em;font-weight:500;margin:0 4px 4px;padding:3px 20px}.marquee-text{padding:0 10px}.marquee-text span{font-weight:600}.fundo{-webkit-animation:scales 3s infinite alternate;animation:scales 3s infinite alternate}.fundo,.pao-baixo{-webkit-transform-origin:center;transform-origin:center}.pao-baixo{-webkit-animation:rotatepao 14s cubic-bezier(.1,.49,.41,.97) infinite;animation:rotatepao 14s cubic-bezier(.1,.49,.41,.97) infinite}.pao-cima{-webkit-animation:rotatepao 7s cubic-bezier(.1,.49,.41,.97) 1s infinite;animation:rotatepao 7s cubic-bezier(.1,.49,.41,.97) 1s infinite;-webkit-transform-origin:center;transform-origin:center}.left-sparks{-webkit-transform-origin:150px 156px;transform-origin:150px 156px}.left-sparks,.right-sparks{-webkit-animation:left-sparks 4s infinite alternate;animation:left-sparks 4s infinite alternate}.right-sparks{-webkit-transform-origin:310px 150px;transform-origin:310px 150px}.olhos{-webkit-animation:olhos 2s infinite alternate;animation:olhos 2s infinite alternate;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes scales{0%{-webkit-transform:scale(.98);transform:scale(.98)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scales{0%{-webkit-transform:scale(.98);transform:scale(.98)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotatepao{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%,60%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotatepao{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%,60%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes olhos{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(30deg);transform:rotateX(30deg)}}@keyframes olhos{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(30deg);transform:rotateX(30deg)}}@-webkit-keyframes left-sparks{0%{opacity:0}}@keyframes left-sparks{0%{opacity:0}}.main{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:460px;min-height:600px;width:auto}.path{stroke-dasharray:300;stroke-dashoffset:300;-webkit-animation:dash 4s infinite alternate;animation:dash 4s infinite alternate}@-webkit-keyframes dash{0%,30%{fill:4B4B62;stroke-dashoffset:0}80%,to{fill:transparent;stroke-dashoffset:-200}}@keyframes dash{0%,30%{fill:4B4B62;stroke-dashoffset:0}80%,to{fill:transparent;stroke-dashoffset:-200}}
/*# sourceMappingURL=main.70058e48.css.map*/