@import"https://fonts.googleapis.com/css?family=Creepster";@font-face{font-family:Get Schwifty;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3089507/get-schwifty.woff) format("woff")}body{background-color:#000;font-size:10px;font-size:.9vw;font-size:1vmin}.portal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;overflow:hidden;z-index:1000}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-button{position:absolute;bottom:3%;left:50%;transform:translate(-50%);padding:12px 35px;font-size:18px;font-family:Get Schwifty,cursive;color:#000;background:#08bae3;border:3px solid #08BAE3;border-radius:25px;cursor:pointer;box-shadow:0 0 20px #08bae3;transition:all .3s ease;z-index:71;text-transform:lowercase;letter-spacing:2px;font-weight:700}.portal-button:hover{background:#000;color:#08bae3;transform:translate(-50%) scale(1.1);box-shadow:0 0 35px #08bae3}.title{position:absolute;bottom:11em;width:100%;text-align:center;font-family:Get Schwifty;color:#08bae3;z-index:70;left:-7em;-webkit-text-stroke:.2em rgba(0,0,0,.6);transform:scaleX(1.3)}.title span{display:inline-block;position:absolute;top:20em}.title span i{font-style:normal}.title span:nth-of-type(1){top:-12em;left:9.5em;transform:rotate(-12deg)}.title span:nth-of-type(1) i{font-size:22em}.title span:nth-of-type(2){top:-4em;left:17em;transform:rotate(-4deg)}.title span:nth-of-type(2) i{font-size:11em}.title span:nth-of-type(3){top:-3em;left:19.5em}.title span:nth-of-type(3) i{font-size:10em}.title span:nth-of-type(4){top:-5em;left:23.7em;transform:rotate(-2deg)}.title span:nth-of-type(4) i{font-size:14em}.title span:nth-of-type(5){left:32.3em;top:-1em}.title span:nth-of-type(5) i{font-size:9em}.title span:nth-of-type(6){top:0}.title span:nth-of-type(6) i{font-size:5.5em}.title span:nth-of-type(7){top:.3em;left:38.3em}.title span:nth-of-type(7) i{font-size:7em}.title span:nth-of-type(8){top:-8em;left:44em}.title span:nth-of-type(8) i{font-size:16em}.title span:nth-of-type(9){top:-6.5em;left:52.5em}.title span:nth-of-type(9) i{font-size:14em}.title span:nth-of-type(10){top:-2em;left:58em}.title span:nth-of-type(10) i{font-size:9em}.title span:nth-of-type(11){top:-2.5em;left:60.8em}.title span:nth-of-type(11) i{font-size:12em}.title span:nth-of-type(12){top:-5em;left:64em;transform:rotate(25deg)}.title span:nth-of-type(12) i{font-size:18em}.title.middle{-webkit-text-stroke:1.2em #BEDF6C;z-index:69}.title.bottom{-webkit-text-stroke:4em black;z-index:68}.title.bottom:before{content:"";display:block;position:absolute;width:80%;height:22em;top:-2em;background-color:#000}.portal-bubbles{--portal-shade-one: #DDDF59;--portal-shade-two: #FBFABE;--portal-shade-three: #F2F055;--portal-shade-four: #FFFFF4;top:0;left:0;position:absolute;height:70em;width:70em;background-image:radial-gradient(3% 2% at 60.2% 13%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(2% 2% at 48% 4%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(1.5% 1% at 54% 21%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(3% 3% at 59% 6%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(1% 1.2% at 94% 38%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(1.5% 2.5% at 5% 64%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(2.5% 3% at 5.5% 67%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(1.5% 1.5% at 4% 53%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(2.5% 3.5% at 3% 50%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(1.5% 2% at 7% 30%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(3% 2% at 5% 40%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(3% 2% at 93% 44%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(2% 3% at 97% 58%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(2% 3% at 92% 65%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(2% 3% at 87% 75%,var(--portal-shade-four) 50%,transparent 50%),radial-gradient(1% 1% at 16.5% 66.5%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(2% 2% at 17.5% 67.5%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1.5% 1.5% at 17% 68.5%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1% 1% at 16.5% 69.5%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1.5% 1.5% at 15.5% 55.5%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1.5% 1.5% at 14.5% 54.5%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1% 1% at 13.4% 54.5%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1.5% 1.5% at 12.4% 54.5%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1% 1% at 16.8% 62%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1.4% 1.4% at 16.9% 58.3%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(2% 2% at 16.9% 59.5%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1% 1% at 16.9% 60.5%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1% 1% at 17.1% 61.2%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1.5% 1.5% at 16% 60%,var(--portal-shade-three) 50%,transparent 50%),radial-gradient(1.5% 2% at 12% 42%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(1.5% 2.5% at 8% 46.4%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(1.5% 1.5% at 6.8% 54.4%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(1.5% 1.5% at 7.8% 64.4%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(2.5% 2.5% at 8.8% 66%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(2.5% 4.5% at 11.2% 72.2%,var(--portal-shade-two) 45%,transparent 40%),radial-gradient(2.5% 2.5% at 12.8% 71%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(3% 3% at 14.8% 64%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(4% 3.5% at 14.5% 66%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(1.5% 1.5% at 15% 51.5%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(2% 3% at 11% 51.5%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(3% 3% at 13.5% 52.9%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(3% 3% at 11% 54.5%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(1.5% 1.55% at 11% 58.7%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(1.5% 1.55% at 8.3% 58.5%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(1.5% 2.55% at 9.5% 59.5%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(2.5% 2.5% at 11.5% 60.5%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(5% 5% at 14% 57.5%,var(--portal-shade-two) 55%,transparent 55%),radial-gradient(3% 3% at 14% 62%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(2% 3% at 16% 61%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(5% 4% at 18% 64%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(4% 4% at 18% 66%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(2% 2% at 14% 69%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(3% 3% at 16% 68%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(4% 4% at 19% 70%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(1.3% 1.3% at 77% 72.5%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(2% 2% at 78% 74%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(1% 1.2% at 85% 61.8%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(1.5% 1.5% at 84.5% 64.2%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(2% 1% at 82.8% 69%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(1.5% 1.5% at 81.5% 69.2%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(1% 1% at 84% 62.8%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(2% 2% at 80% 66%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(1% 1% at 80.4% 67.5%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(1% 1% at 81% 67.8%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(1% 1% at 81% 63.5%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(1.5% 1% at 81% 64.5%,var(--portal-shade-three) 60%,transparent 60%),radial-gradient(2% 1.4% at 85% 71%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(2% 2% at 69% 67%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(2% 2% at 69% 65%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(3% 4% at 75% 67%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(4% 4% at 72% 66%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(4% 4% at 76% 69%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(3% 5% at 79% 71%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(2% 2% at 81% 73.5%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(2% 2% at 80% 75%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(2% 3% at 79% 64%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(3% 3% at 78% 67%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(2% 3% at 80% 69%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(2% 2% at 78% 75%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(3% 3% at 77% 73%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(3% 3% at 76% 76%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(2% 2% at 59% 63%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(3% 3% at 56% 63%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(3% 2% at 58% 65%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(2% 3% at 60% 65%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(4% 3% at 65% 68%,var(--portal-shade-two) 40%,transparent 60%),radial-gradient(3% 7% at 60% 69%,var(--portal-shade-two) 40%,transparent 60%),radial-gradient(4% 4% at 62% 70%,var(--portal-shade-two) 40%,transparent 60%),radial-gradient(6% 5% at 58% 72%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(3% 5% at 58% 69%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(4% 3% at 57% 67%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(4% 3% at 62% 67%,var(--portal-shade-two) 60%,transparent 60%),radial-gradient(1.5% 1.5% at 89% 47%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(2.5% 3.5% at 88.7% 49%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(2.5% 3.5% at 87.7% 52%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(4% 3% at 82% 59%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(3% 5% at 80% 60%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(5% 5% at 82% 63%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(5% 5% at 82% 66%,var(--portal-shade-two) 45%,transparent 45%),radial-gradient(3% 2% at 86% 66%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(2% 2% at 88% 65%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(6% 9% at 86% 62%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(3% 4% at 89% 56.5%,var(--portal-shade-two) 45%,transparent 45%),radial-gradient(2% 4% at 87% 58%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(2% 2% at 85% 58%,var(--portal-shade-two) 50%,transparent 50%),radial-gradient(1% 1.5% at 56% 27%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(1% 1.5% at 56% 27%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2.5% at 58% 29%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(2% 2.5% at 58% 29%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 2% at 56% 37%,var(--portal-shade-two) 40%,transparent 40%),radial-gradient(1.5% 2% at 56% 37%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 2% at 12% 42%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 2.5% at 8% 46.4%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 1.5% at 6.8% 54.4%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 1.5% at 7.8% 64.4%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2.5% 2.5% at 8.8% 66%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2.5% 4.5% at 11.2% 72.2%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2.5% 2.5% at 12.8% 71%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 14% 64%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 3% at 14% 66%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 1.5% at 15% 51.5%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 3% at 11% 51.5%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 3% at 13.5% 52.9%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 3% at 11% 54.5%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 1.55% at 11% 58.7%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 1.55% at 8.3% 58.5%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 2.55% at 9.5% 59.5%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2.5% 2.5% at 11.5% 60.5%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(5% 5% at 14% 57.5%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 3% at 14% 62%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 3% at 16% 61%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(5% 4% at 18% 64%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(4% 4% at 18% 66%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 14% 69%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 3% at 16% 68%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(4% 4% at 19% 70%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 1.4% at 85% 71%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 69% 67%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 69% 65%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 4% at 75% 67%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(4% 4% at 72% 66%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(4% 4% at 76% 69%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 4% at 79% 71.5%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 81% 73.5%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 80% 75%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 3% at 79% 64%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 3% at 78% 67%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 3% at 80% 69%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 78% 75%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 3% at 77% 73%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 3% at 76% 76%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 53.5% 69%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 59% 63%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 3% at 56% 63%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 2% at 58% 65%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 3% at 60% 65%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(4% 3% at 65% 68%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(4% 4% at 62% 70%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(6% 5% at 58% 72%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 5% at 58% 69%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(4% 3% at 57% 67%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(4% 3% at 62% 67%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 1.5% at 89.5% 44%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(1.5% 1.5% at 89% 47%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 3% at 89% 49%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 3% at 88% 52%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(4% 3% at 82% 59%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 5% at 80% 60%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(5% 5% at 82% 63%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(5% 5% at 82% 66%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 2% at 86% 66%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 88% 65%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(6% 6% at 86% 62%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(3% 4% at 89% 56%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 4% at 87% 58%,var(--portal-shade-one) 60%,transparent 60%),radial-gradient(2% 2% at 85% 58%,var(--portal-shade-one) 60%,transparent 60%)}.portal{background-color:#66ba4f;box-shadow:0 0 40px 10px #448c3f;height:70em;width:70em;border-radius:50%;background:radial-gradient(circle at 77% 80%,#FDFEB4 2.5%,transparent 2.5%),radial-gradient(circle at 75% 83%,#FDFEB4 2%,transparent 2%),radial-gradient(circle at 79% 83%,#FDFEB4 1%,transparent 1%),radial-gradient(circle at 45% 13%,#FFFFD5 1.5%,transparent 1.5%),radial-gradient(circle at 42% 13%,#FFFFD5 2%,transparent 2%),radial-gradient(circle at 38% 14%,#FFFFD5 1.5%,transparent 1.5%),radial-gradient(circle at 20% 24%,#FDFEB4 1%,transparent 1%),radial-gradient(circle at 21% 23%,#FDFEB4 1%,transparent 1%),radial-gradient(circle at 51% 13%,#FDFEB4 1%,transparent 1%),radial-gradient(circle at 81% 33%,#FDFEB4 1%,transparent 1%),radial-gradient(circle at 85% 36%,#FDFEB4 2%,transparent 2%),radial-gradient(circle at 21% 46%,#FDFEB4 1%,transparent 1%),radial-gradient(circle at 20% 51%,#FDFEB4 2%,transparent 2%),radial-gradient(circle at 53% 51%,transparent 64%,#82B458 65%),radial-gradient(circle at 47% 59%,transparent 64%,#D3E06D 65%),radial-gradient(circle at 47% 60%,transparent 58%,#509249 59%),radial-gradient(circle at 50% 59%,transparent 54%,#9AC158 55%),radial-gradient(circle at 45% 60%,transparent 54%,#509249 55%),radial-gradient(circle at 47% 60%,transparent 45%,#509249 46%),radial-gradient(circle at 46% 55%,transparent 42%,#9BC65C 43%),radial-gradient(circle at 36% 55%,transparent 42%,#9BC65C 43%),radial-gradient(circle at 50% 60%,transparent 40%,#9BC65C 41%),radial-gradient(circle at 50% 53%,transparent 40%,#3D7E34 41%),radial-gradient(circle at 30% 48%,transparent 40%,#3B8344 41%),radial-gradient(circle at 57% 69%,transparent 40%,#3D7E34 41%),radial-gradient(circle at 40% 88%,transparent 40%,#9BC65C 41%),radial-gradient(circle at 67% 54%,transparent 40%,#FAEB7B 41%),radial-gradient(circle at 49% 35%,transparent 40%,#9BC65C 41%),radial-gradient(circle at 79% 59%,transparent 40%,#FFFE9C 37%),radial-gradient(circle at 50% 50%,#fdfeb4 100% 100%)}@keyframes portal-pulse{0%,to{transform:scale(1);box-shadow:0 0 40px 10px #448c3f}50%{transform:scale(1.02);box-shadow:0 0 50px 15px #5ba84a}}@keyframes bubble-float{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-20px) scale(.8);opacity:.5}}.portal{animation:portal-pulse 3s ease-in-out infinite}.portal-bubbles{animation:bubble-float 4s ease-in-out infinite alternate}@media(max-width:1024px){body{font-size:1.4vmin}.container{transform:translate(-50%,-50%) scale(.75);transform-origin:center center}.portal-button{padding:10px 30px;font-size:16px;bottom:4%}}@media(max-width:768px){body{font-size:1.8vmin}.container{transform:translate(-50%,-55%) scale(.55);transform-origin:center center}.title{bottom:9em;left:-6em;transform:scaleX(1.1)}.portal-button{padding:9px 26px;font-size:15px;bottom:5%}}@media(max-width:480px){body{font-size:2.2vmin}.container{transform:translate(-50%,-58%) scale(.45)}.title{bottom:8em;left:-5em;transform:scaleX(1.05)}.portal-button{padding:8px 22px;font-size:14px;bottom:6%}}@font-face{font-family:Get Schwifty;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3089507/get-schwifty.woff) format("woff")}.characters-container{min-height:100vh;padding:32px 32px 56px;background:radial-gradient(circle at top,rgba(8,186,227,.22) 0,transparent 55%),radial-gradient(circle at bottom,rgba(102,186,79,.22) 0,transparent 55%),linear-gradient(180deg,#020308,#031a07,#020308);position:relative;margin:0;box-sizing:border-box}.stars-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(2px 2px at 15% 90%,white,transparent);background-size:200% 200%;opacity:.22;pointer-events:none;z-index:0}.top-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.back-button{position:static;flex-shrink:0;padding:10px 22px;font-size:18px;font-family:Get Schwifty,cursive;background-color:#08bae3;color:#000;border:3px solid #08BAE3;border-radius:25px;cursor:pointer;box-shadow:0 0 16px #08bae3;transition:all .3s ease;font-weight:700;white-space:nowrap}.back-button:hover{background:#000;color:#08bae3;transform:translateY(-1px) scale(1.03)}.characters-title{flex:1;text-align:center;color:#08bae3;font-family:Get Schwifty,cursive;font-size:56px;letter-spacing:2px;text-shadow:0 0 10px rgba(8,186,227,.8),0 0 25px rgba(8,186,227,.6);-webkit-text-stroke:2px rgba(0,0,0,.8);margin:0}.page-info{display:flex;justify-content:flex-end;align-items:center;position:static}.page-badge{padding:6px 14px;border:2px solid #08BAE3;color:#08bae3;background:#0000008c;border-radius:999px;font-family:Creepster,Get Schwifty,cursive;letter-spacing:1px;box-shadow:0 0 12px #08bae373}.no-results-container{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:12px}.no-results-image{max-width:1200px;width:60%;border-radius:16px;border:2px solid rgba(8,186,227,.4);box-shadow:0 0 18px #08bae380;object-fit:contain}.filter-badge{margin-left:8px;padding:4px 10px;border-radius:999px;background:#08bae326;color:#cff36b;border:1px solid rgba(207,243,107,.6);font-size:12px;text-shadow:0 0 8px rgba(207,243,107,.4)}.search-container{display:flex;align-items:center;gap:10px;margin:0;position:relative;z-index:2}.search-input{flex:1;max-width:360px;padding:10px 14px;border-radius:999px;border:2px solid rgba(8,186,227,.6);background:#000c;color:#e5f9ff;font-family:Creepster,Get Schwifty,cursive;font-size:16px;outline:none;box-shadow:0 0 12px #08bae359;transition:all .2s ease}.search-input::placeholder{color:#c8f0ff8c}.search-input:focus{border-color:#08bae3;box-shadow:0 0 18px #08bae399;transform:translateY(-1px)}.clear-search-button{padding:8px 14px;border-radius:999px;border:2px solid #FF6B6B;background:#000000d9;color:#ffb3b3;font-family:Get Schwifty,cursive;font-size:12px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 12px #ff6b6b66;transition:all .2s ease}.clear-search-button:hover{background:#ff6b6b;color:#000;transform:translateY(-1px) scale(1.03)}.search-loading-text{margin-left:8px;font-family:Get Schwifty,cursive;font-size:12px;color:#08bae3;text-shadow:0 0 10px rgba(8,186,227,.6);animation:pulse 1.4s ease-in-out infinite}.characters-grid-loading{min-height:180px;display:grid;place-items:center;margin-top:30px}.no-results-text{margin-top:20px;text-align:center;font-family:Get Schwifty,cursive;font-size:40px;color:#ffb36b;text-shadow:0 0 12px rgba(255,179,107,.6)}.characters-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:stretch;align-items:stretch;gap:22px;position:relative;z-index:1;margin-top:30px}@media(max-width:1550px){.characters-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1400px){.characters-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.characters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.characters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.characters-container{padding:20px 14px 36px}.top-bar{flex-direction:column;align-items:flex-start;gap:8px}.search-container{width:100%}.characters-title{font-size:38px}.page-info{justify-content:center}.characters-grid{grid-template-columns:1fr}}.character-card{position:relative;background:radial-gradient(circle at top,rgba(8,186,227,.18) 0,transparent 55%),linear-gradient(180deg,#000000b3,#082f08f2);border:2px solid rgba(8,186,227,.35);border-radius:18px;overflow:hidden;padding-bottom:14px;box-shadow:0 0 0 2px #000000b3 inset,0 15px 35px #000c;transform:translateZ(0);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.character-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(8,186,227,.15),transparent 60%);pointer-events:none}.character-card:hover{transform:translateY(-8px) scale(1.02);border-color:#08bae3;box-shadow:0 0 20px #08bae366,0 20px 45px #000000d9}.status-badge{position:absolute;top:10px;left:10px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:.5px;border-radius:10px;color:#000;z-index:2;text-transform:uppercase;border:2px solid rgba(0,0,0,.6);box-shadow:0 0 12px #00000073}.status-alive{background:#b6ff68;color:#0a2200}.status-dead{background:#ff6b6b;color:#200}.status-unknown{background:#ffd36b;color:#221a00}.character-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;filter:saturate(1.1) contrast(1.05);border-bottom:2px solid rgba(8,186,227,.2);box-shadow:0 8px 18px #0000008c}.character-name{margin:12px 12px 6px;color:#cff36b;font-family:Get Schwifty,cursive;font-size:26px;-webkit-text-stroke:1.5px rgba(0,0,0,.7);text-shadow:0 0 8px rgba(207,243,107,.45)}.character-info{margin:0 12px;color:#ddf}.character-detail{margin:6px 0;color:#cfe;font-size:14px}.character-detail strong{color:#08bae3;text-shadow:0 0 10px rgba(8,186,227,.4)}.pagination{display:flex;justify-content:center;gap:14px;margin:32px 0 6px;position:relative;z-index:1}.pagination-button{padding:10px 22px;font-size:16px;font-family:Get Schwifty,cursive;background:#08bae3;color:#000;border:3px solid #08BAE3;border-radius:999px;cursor:pointer;box-shadow:0 0 18px #08bae3;transition:all .25s ease;font-weight:700}.pagination-button:hover:not(:disabled){background:#000;color:#08bae3;transform:translateY(-2px) scale(1.05);box-shadow:0 0 28px #08bae3}.pagination-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(20%)}.prev-button{border-color:#fff765;box-shadow:0 0 12px #fff765}.next-button{border-color:#66ba4f;box-shadow:0 0 12px #66ba4f}.loading-container,.error-container{min-height:100vh;display:grid;place-items:center;background:radial-gradient(60% 40% at 50% 30%,rgba(8,186,227,.1),transparent 60%),#000}.loading-text,.error-text{font-family:Get Schwifty,cursive;font-size:46px;color:#08bae3;-webkit-text-stroke:2px rgba(0,0,0,.8);text-shadow:0 0 16px rgba(8,186,227,.6)}.error-text{color:#ff6b6b;text-shadow:0 0 16px rgba(255,107,107,.6)}@media(max-width:768px){.characters-title{font-size:40px}.pagination{gap:12px}.pagination-button{padding:8px 18px;font-size:14px}.back-button{padding:8px 18px;font-size:16px}.character-name{font-size:22px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}