body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(rgba(0,0,0,.04),rgba(0,0,0,.04)),url(https://www.toptal.com/designers/subtlepatterns/uploads/white_wall_hash.png)}*{box-sizing:border-box}main{padding:2rem 20px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60ch}hr{width:100%}.container{max-width:min(38em,85%);padding:1em 3em 2em;background-color:#fff;border-radius:4.2px;box-shadow:0 3px 10px -2px rgba(0,0,0,.2);font-family:Poppins;font-size:16px;margin:3em auto}.logo{font-family:Dosis;font-size:30px;align-self:center;justify-content:center;display:flex;align-items:center;margin-bottom:20px}.logo-image{width:158.53px;margin-right:24px;max-width:26vw}.logo-text{width:243.65px;margin-top:10.56%;max-width:40vw;align-self:center}.title{font-family:Dosis;font-size:min(69px,12vw);margin-top:5px;align-self:center;background:linear-gradient(90deg,#22806900,#26b9a6,#227c97,#227c97,#30b8b8,#228068,#26b9a6,#227c97,#227c97,#30b8b8,#228068,#26b9a6,#227c97,#227c97,#30b8b8,#228068,#26b9a6,#227c97,#227c97,#30b8b8,#228068,#22806900),repeat-x;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-animation:rainbow-animation 48s linear infinite;animation:rainbow-animation 48s linear infinite;background-size:400% 100%;text-align:center;line-height:1.11}@-webkit-keyframes rainbow-animation{0%{background-position:400%,0}to{background-position:0,0}}@keyframes rainbow-animation{0%{background-position:400%,0}to{background-position:0,0}}.button,.title-2{text-align:center}.button{font-weight:600;width:100%;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:4px;border-width:2px;border-color:rgba(8,119,114,.594);box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;box-sizing:border-box;color:#36395a;cursor:pointer;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;padding-bottom:5px;position:relative;text-decoration:none;transition:box-shadow .15s,transform .15s;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-family:Dosis;font-size:20px;margin-top:1em}.button:hover{border-width:0;box-shadow:none;transform:translateY(2px);background:linear-gradient(90deg,#26b9a6,#227c97,#227c97,#30b8b8,#228068,#26b9a6,#227c97,#227c97,#30b8b8,#228068,#26b9a6,#227c97,#227c97,#30b8b8,#228068,#26b9a6,#227c97,#227c97,#30b8b8,#228068),repeat-x;background-size:1000% 1000%;-webkit-animation:rainbow 25s linear infinite;-z-animation:rainbow 25s linear infinite;animation:rainbow 25s linear infinite;color:#fff}.button.focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}@-webkit-keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}@keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}.confetti{width:1rem;height:1rem;display:inline-block;position:absolute;top:-3rem;left:0;z-index:50}.confetti .rotate{-webkit-animation:driftyRotate 1s ease-in-out infinite both;animation:driftyRotate 1s ease-in-out infinite both;perspective:1000}.confetti .askew{background:linear-gradient(var(--grad-direction,to bottom),#227c97 25%,#26b9a6 0 66.667%,#228068 0 100%);transform:skewY(10deg);width:2rem;height:3.2rem;-webkit-animation:drifty 1s ease-in-out infinite alternate both;animation:drifty 1s ease-in-out infinite alternate both;perspective:1000;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.confetti:nth-of-type(7n) .askew{-webkit-animation-delay:-.6s;animation-delay:-.6s;-webkit-animation-duration:2.25s;animation-duration:2.25s}.confetti:nth-of-type(7n+1) .askew{-webkit-animation-delay:-.879s;animation-delay:-.879s;-webkit-animation-duration:3.5s;animation-duration:3.5s}.confetti:nth-of-type(7n+2) .askew{-webkit-animation-delay:-.11s;animation-delay:-.11s;-webkit-animation-duration:1.95s;animation-duration:1.95s}.confetti:nth-of-type(7n+3) .askew{-webkit-animation-delay:-.246s;animation-delay:-.246s;-webkit-animation-duration:.85s;animation-duration:.85s}.confetti:nth-of-type(7n+4) .askew{-webkit-animation-delay:-.43s;animation-delay:-.43s;-webkit-animation-duration:2.5s;animation-duration:2.5s}.confetti:nth-of-type(7n+5) .askew{-webkit-animation-delay:-.56s;animation-delay:-.56s;-webkit-animation-duration:1.75s;animation-duration:1.75s}.confetti:nth-of-type(7n+6) .askew{-webkit-animation-delay:-.76s;animation-delay:-.76s;-webkit-animation-duration:1.5s;animation-duration:1.5s}.confetti:nth-of-type(9n) .rotate{-webkit-animation-duration:2s;animation-duration:2s}.confetti:nth-of-type(9n+1) .rotate{-webkit-animation-duration:2.3s;animation-duration:2.3s}.confetti:nth-of-type(9n+2) .rotate{-webkit-animation-duration:1.1s;animation-duration:1.1s}.confetti:nth-of-type(9n+3) .rotate{-webkit-animation-duration:.75s;animation-duration:.75s}.confetti:nth-of-type(9n+4) .rotate{-webkit-animation-duration:4.3s;animation-duration:4.3s}.confetti:nth-of-type(9n+5) .rotate{-webkit-animation-duration:3.05s;animation-duration:3.05s}.confetti:nth-of-type(9n+6) .rotate{-webkit-animation-duration:2.76s;animation-duration:2.76s}.confetti:nth-of-type(9n+7) .rotate{-webkit-animation-duration:7.6s;animation-duration:7.6s}.confetti:nth-of-type(9n+8) .rotate{-webkit-animation-duration:1.78s;animation-duration:1.78s}@-webkit-keyframes drifty{0%{transform:skewY(10deg) translate3d(-250%,0,0)}to{transform:skewY(-12deg) translate3d(250%,0,0)}}@keyframes drifty{0%{transform:skewY(10deg) translate3d(-250%,0,0)}to{transform:skewY(-12deg) translate3d(250%,0,0)}}@-webkit-keyframes driftyRotate{0%{transform:rotateX(0)}to{transform:rotateX(359deg)}}@keyframes driftyRotate{0%{transform:rotateX(0)}to{transform:rotateX(359deg)}}[data-type=bookmarks] .confetti:nth-child(4n){color:#227c97}[data-type=bookmarks] .confetti:nth-child(4n+1){color:#26b9a6}[data-type=bookmarks] .confetti:nth-child(4n+2),[data-type=bookmarks] .confetti:nth-child(4n+3){color:#228068}[data-type=bookmarks] .confetti .askew{background:currentColor;width:1rem;height:2rem;-webkit-clip-path:polygon(evenodd,0 0,100% 0,100% 100%,50% 90%,0 100%);clip-path:polygon(evenodd,0 0,100% 0,100% 100%,50% 90%,0 100%)}@media screen and (max-width:600px){.container{padding:1em 1em 2em}}