.page-template-default #header{ background: transparent; display:none; margin: 1px; } .container { width: 100vw; padding: 1px; margin: 1px; } .page-main-header{ width: 100vw; padding-right: 1px; padding-left: 1px; margin: 1px; display: none; } .entry-content a img, .widget a img { -webkit-box-shadow: 0 0 0 0px #fff; box-shadow: 0 0 0 0px #fff; } .land { background-color: lightblue; position:absolute; top: 0%; left: 0px; min-height: 100vh; min-width: 100vw; display: none; } #transactions0{ position: relative; top:45vh; z-index: 99999; min-height: 20vh; min-width: 50vw; max-width: 75vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: auto; display: none; } .transactions0{ position: relative; z-index: 99999; min-height: 3vh; max-height: 20vh; min-width: 50vw; max-width: 55vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; word-wrap: break-word; font-size: 20px; } #transactions{ position: relative; top:40vh; z-index: 99999; min-height: 20vh; min-width: 50vw; max-width: 75vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: auto; display: none; } .transactions{ position: relative; z-index: 99999; min-height: 3vh; max-height: 20vh; min-width: 50vw; max-width: 55vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; word-wrap: break-word; font-size: 20px; } #swaps{ position: relative; top:45vh; left:30%; z-index: 99999; min-height: 30vh; min-width: 10vw; max-width: 30vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: auto; display: none; } .swaps{ position: relative; z-index: 99999; min-height: 10vh; max-height: 30vh; min-width: 10vw; max-width: 30vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; word-wrap: break-word; font-size: 20px; } #withdrawals{ position: relative; top:45vh; left:15%; z-index: 99999; min-height: 30vh; min-width: 10vw; max-width: 30vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: auto; display:none; } .withdrawals{ position: relative; z-index: 99999; min-height: 10vh; max-height: 30vh; min-width: 10vw; max-width: 30vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; word-wrap: break-word; font-size: 20px; } #vip-body { position:absolute; top: 0%; left: 0px; min-height: 100vh; min-width: 100vw; color: #d2d3db; background-color: transparent; z-index: 1; font-weight: 700; } .site-footer{ display: none; } .colorSET { fill: rgba(0, 0, 0, 0); filter: grayscale(0%); } .light-mode { color: #111; background-color: #111; border-color: #111; fill: rgba(0, 0, 0, 1); filter: grayscale(100%); } .dark-mode { color: #d2d3db; background-color: #d2d3db; border-color: #d2d3db; fill: rgba(255, 255, 255, 1); filter: grayscale(100%); } .body-dark-mode { color: #d2d3db; background-color: #123; border-color: #d2d3db; } .body-light-mode { color: #111; background-color: #d2d3db; border-color: #111; } .table-dark-mode { color: #d2d3db; background-color: #123; background-image: url("rocks/images/fulls/LogoDark.png"); fill: #123; border-color: #d2d3db; filter: grayscale(100%); -webkit-text-fill-color: #d2d3db; } .table-light-mode { color: #111; background-color: #d2d3db; background-image: url("rocks/images/fulls/LogoDark.png"); fill: #d2d3db; border-color: #111; filter: grayscale(100%); -webkit-text-fill-color: black; } .color{ color: #111; border-color: #f0f; background-image: -webkit-linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); background-image: -moz-linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); background-image: -ms-linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); background-image: -o-linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); background-image: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); fill: url(#my-cool-gradient) #ffdb01; filter: grayscale(0%); } .color2{ color: #111; border-color: #0080ff; background-image: -webkit-linear-gradient(30deg, #f00 0%, #e619e6 25%, #8000ff 50%, #0080ff 75%, #00eaff 100%); background-image: -moz-linear-gradient(30deg, #f00 0%, #e619e6 25%, #8000ff 50%, #0080ff 75%, #00eaff 100%); background-image: -ms-linear-gradient(30deg, #f00 0%, #e619e6 25%, #8000ff 50%, #0080ff 75%, #00eaff 100%); background-image: -o-linear-gradient(30deg, #f00 0%, #e619e6 25%, #8000ff 50%, #0080ff 75%, #00eaff 100%); background-image: linear-gradient(30deg, #f00 0%, #e619e6 25%, #8000ff 50%, #0080ff 75%, #00eaff 100%); fill: url(#my-cool-gradient2) #f00; filter: grayscale(0%); } .colorPLSX{ color: #111; border-color: #0f9; background-image: -webkit-linear-gradient(30deg, #0f5 0%, #0f9 100%); background-image: -moz-linear-gradient(30deg, #0f5 0%, #0f9 100%); background-image: -ms-linear-gradient(30deg, #0f5 0%, #0f9 100%); background-image: -o-linear-gradient(30deg, #0f5 0%, #0f9 100%); background-image: linear-gradient(30deg, #0f5 0%, #0f9 100%); /*fill: url(#my-cool-gradient2) #f00;*/ filter: grayscale(0%); } .colorPLSXBurn{ color: #111; border-color: #f00; background-image: -webkit-linear-gradient(-30deg, #f00 0%, #f03 100%); background-image: -moz-linear-gradient(-30deg, #f00 0%, #f03 100%); background-image: -ms-linear-gradient(-30deg, #f00 0%, #f03 100%); background-image: -o-linear-gradient(-30deg, #f00 0%, #f03 100%); background-image: linear-gradient(-30deg, #f00 0%, #f03 100%); /*fill: url(#my-cool-gradient2) #f00;*/ filter: grayscale(0%); } .body-color-mode { background-color: #123; } .startText { position: fixed; z-index: 99999; top: 15%; left: 0.1%; font-family: Jost, sans-serif; overflow: hidden; min-width: 95%; min-height: 100vh; line-height: 100%; padding: 10px; text-align: center; font-size: 30px; color: whitesmoke; -webkit-background-clip: text; -webkit-text-fill-color: whitesmoke; animation: animate 20s linear infinite 35s; } .bg { overflow: hidden; position: fixed; top: 0; left: 0; font-family: Jost, sans-serif; min-width: 100vw; min-height: 100vh; background: #123; } #hexs { color: #d2d3db; background: #d2d3db; } @keyframes bg { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* === SVG === */ .svg { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100vw; height: 100vh; } .svg polygon { position: absolute; } .svg polygon.center { opacity:0.7; transition: opacity 0.3s; z-index: 99; } .svg polygon.center:hover { opacity:0.2; } #startText { z-index: 99999; font-weight: 700; user-select: none; pointer-events: none; } #restartText { z-index: 99999; font-weight: 700; pointer-events: none; opacity: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animate 20s linear infinite 35s; } .restartText { z-index: 99999; font-weight: 700; pointer-events: none; opacity: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animate 20s linear infinite 35s; } @keyframes animate { 0% { filter: hue-rotate(0deg); } 50% { filter: hue-rotate(360deg); } 100% { filter: hue-rotate(0deg); } } #count, .countdown { position: absolute; --double-padding: 3px; left: 2px; top: 105px; z-index: 9; height: 10vh; min-width: 39vw; max-width: 40vw; border-radius: 10px; text-align: center; background: transparent; } .display #time{ font-size: 20px; height: auto; min-width: 29vw; max-width: 40vw; background-image: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .title { position: relative; height: auto; min-width: 29vw; max-width: 40vw; left: 2px; top: 0px; text-align: left; font-size: 14px; animation: animate 6s linear infinite; } #countdown, #tiles{ z-index: 1; text-align: left; font-size: 24px; font-weight: 700; display: block; left: 2px; top: 0px; height: auto; min-width: 29vw; max-width: 38vw; background-image: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .tiles{ left: 2px; top: 0px; height: auto; min-width: 29vw; max-width: 39vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animate 2s linear infinite; } @keyframes animatedBackground_a { 0% { background-position: 0 0; } 50% { background-position: 20vw 0; } 100% { background-position: 0 0; } } @keyframes animatedBackground_b { 0% { background-position: 0 0; } 50% { background-position: 45vw 0; } 100% { background-position: 0 0; } } .pulsecursor { cursor: url('data:application/octet-stream;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsF/f8hBPv/MgX3/kQI+P1YCfb8bAz1+3wN8fuPEPD7pRPu/LcV6PzLF+r+1xnn/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaBPv/LgX7/kAH9v1XC/f8ZQv1/HoO8vuND/D7nxHt+7AU6/zDFun91xfq/uYZ5P/nGN3/6xXU/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFQRdvzsH+f5PCff/Xwz1/3QN8/+HDvD/mBLv/6sT7P++E+r/0Rfp/+MZ5f/rGOH/6hXX/+sT0P/vEsX/ZAlQ0wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABNCvf9Xgr1/HAN8f+CDvH/lhHy/6kS7v+5Fen/zRfq/94W5v/oGOP/5xbW/+sVz//sEcn/8g/B//EOtf/0C6//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXAzy+2wL9ft8DPP/jxHw/54R7f+0E+v/xhbp/9gY6P/nGeT/GBQW/xwSGv/sEsv/7xHB//EOuv/wDLP/9Aum//cJoP/tB5b/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5DfP7jRDw/50Q8f+zE+v/whPs/9kY5//mGOf/6xje/+sU1v8fDx7/HBEb//MPuv/0Drb/9gms//oJpP/5B5z/+gWS//0Di/8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhg/t+pkS7/qrE+3/uxTq/9IX6f/jGen/6Rnd/+cV1v/tFM7/6hHI/x8SGP8eERn/9Ayt//cJp//6B57/+gSV//0Djv//AoX//wR8//0RcP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4TG1CoEu37vBPs/88W7P/fGef/6Rjh/+sW2f/rFs//7hLL//AQwP/yDbn/HhEZ/yMQHf96ClD/+gaX//wDjv/+AYf//gN+//4Ncv//F2n//yJf/ycVGkoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtxHm/MYZ6P/aF+n/5hjj/+kX3//rFdH/5RjB/xwTF//vDrr/9Ayy//MMpv8dEBj/wRl7/x8RGP/9Aon//AF///4Ldf//FGz//x9h//8rVv//NU3//EA//gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIUel+TYF+v/5xnk/+kY3P/pFdP/7RPN/+0RxP8eERn/IREZ//ESrf/4CKH/9geX/yURHv/7BIr/GhIW//0JeP/+E23//Bxj//4pWP//M03//j1E//9HOv/+Uy3+766aUQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHxMb/zIKKv8yCSz/MAkq/zMKLP8xCib/Mwcj/xsQHv8/BSr/Jg8d//sGlf9bBDj/KRAd//4EfP8dEhX/+Bpl//wmW/84CxX/OgwQ/zkOD/85EQr/NxMK/zcUDP+Ni4lmAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfDx//JAkk/yYKIv8nCiH/LAsf/yoNHv8nDCD/+Qaj//gEmP8dEBj//gKF/yQRG/9qCDD//xln/yASFv9SDRr/GRMU/ycRDv8pEg//KhMQ/ykVC/8oFAr/KhQL/5KMimQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKQijPDvEcH/8g+4//IMsv/zCqn/+Amg//cFmv/7BJD//wGH/x4RF//8DHb/JxMY//MfYv//KVT/6j5R/yEUE/8eExX//lUt//9eIP//ahb//3UM//9/Av/+iAH/8seSUwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPEOsv/0Cqv/+Aqj//oHnv/6BZT//wKL//8Bgv/+CXj/GxIV/9spX/8dEhX//DJR//4/Qf/5STn/GhMU/+pcKf//aBv//nIP//58A///hwL//o0B8fuYAO0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJg0dRfkJnP/7BpT//AOO//8Chv//BHz//xBv//4bZv9cCyP/IhIV/x4TFv/+Rzv//04z//5bJf/8ZSD//28R//56Bv/+hAL//4wA//+VAu7+nAHtIBQGPwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/QSO//4Bhv/+A37//g5z//8YaP//JFz//y1W//w4SP8eExX/HRMT//pYKf//Yh///24T//53C//9ggD//okB//2SAf//nALs/6QB7P+rAewAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/gt1//4UbP//IGD//ypX//80Tf//Pz///0o3/xwUFf8cFhL//2oW//5zDP//fgP//4gB//2PAf//mQL//aIB//+qAOr/swLr3t/dDgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD2H2T//iha//4zTv/+P0T//0c7//5TLf/9XiL/HRUT/xsUFv//fQT//oUA//+PAf/+lwP//qAB//+oAP/+sADp/7kB6/e/C+oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/OUb//kU7/v9PMv/+WyX//2Uc//9vFP/+ewP//4UA//6MAf//lgL//ZwB//+mA///sAP//7YB//7BAev8yQDtAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgjGo/9Vyn5/2Me9f9tFPj/dwj1/oIA9P6KAPH+lAHt/5sB6v6jAej+rADo/rQA6P29AOn/xQLs/88B7oVrEJMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP5qFvP/dQzt/n8D5/+IAeL/jwHe/5oC2f6gAdT/qgHT/7IB1P+8A9b+wgLX/swA2v/UAd/93QXlAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYltbEf2FAuL8kALb/JcD2f2fAdX9qALT/bAB0/y4AdL7vwTV/MgC2P7TA97/3QTk/eIF5x4ZEAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////////////////wAP//4AB//8AAP//AAD//gAAf/4AAH/8AAA//AAAP/gAAB/wAAAf8AAAH/AAAB/wAAAf+AAAH/wAAD/8AAA//gAAf/4AAH//AAD//wAA//+AAf//wAP///////////////////////////8='), auto; } .hexcursor { cursor: url('data:application/octet-stream;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADZ//8A1f//AND//wDL//8AAAD/AL/6/wC9//8AuP//AAAA/wCv//8Aq///AKX//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1v//ANH//wDM//8AyP//AMP//wDA//8AAAD/ALT//wCx//8AAAD/AAAA/wCh//8Hnf//Epj//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdH7/wDN//8Ayf//AMT//wC///8Au///ALb//wAAAP8AAAD/AKj//wCj//8AAAD/EKD//xiV//8ekP7/JYr//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyv//AMX//wDB//8AvP//ALf//wCy//8Arv//AKn//wAAAP8An///DJr//xaX//8AAAD/JIz//yuG//8xgP//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wDC//8Avf//ALj//wC0//8Ar///AKv//wCl//8AYJn/AAAA/xOX//8akv//IY3//wAAAP8AAAD/NXz//zp2//9AcP//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAA/wC1//8Asf//AKz//wCn//8Aov//Bp3//wAAAP8YlP//H4/+/yaJ/v8tg///M33//wAAAP8/cf//RGv//0ll//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALv//wC2//8AAAD/AK3//wCp//8Ao///BJ7//w+a//8AAAD/AAAA/ySK//8rhf//MX///zd5//89c///AAAA/wAAAP9NYP//Ulv//1dU//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMBAv8As///AK///wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8qhv//MID//zZ7//87df//QW7//0Zo//8DBAv/AAAA/1VV//9aUP//Xkr//3NhvbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP8Ap///AKH//wAAAP8AAAD/AAAA/wAAAP8AAAD/F0F+/zR8//86dv//P3D//0Vq//9KZP//Tl7//wAAAP9ZUf//XUv//2JE//9mPv//azj+/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACt//8Ap///AAAA/wSd//8Qmf//GJT//x+P/v8mif7/LYT//zN+//84eP//PnL//0Nr//9IZf//TV///1JZ//8AAAD/AAAA/2FG//9lQP//ajn//24z//9yLP7/eSj//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKT//wOf//8AAAD/AAAA/x2Q/v8ki///K4X//zF///83ef//PXT//0Jt//9HZ///TGH//1Fb//9WVP//Wk7//wAAAP9kQv//aTz//201//9xLv//din+/38l//+JIv//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMm///FJf//xqS//8AAAD/Kof//zCB//82e///O3X//0Fu//9GaP//S2L//1Bd//9VVv//WVD//11K//8AAAD/AAAA/2w2//9wMf//dSr+/30m//+FI///jyD//5gc//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABqT//8hjv//KIj+/wAAAP8AAAD/Onf//z9x//9Eav//SWT//05e//9TWP//WFL//11M//9iRf//Z0D//wAAAP9vMv//dCv+/3sn//+DJP//jSH//5Ue//+eGv//pxj//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC2E//8zfv//OHj//wAAAP9Gcf//SGb//01g//9SWv//V1P//1tN//9gRv//ZUH//2o6//8AAAD/cy3//3go//+BJP//iyL//5Mf//+cG///pRj//64V//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN3v//z10//9Cbf//R2f//wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP9/Jf//iCL//5Eg//+ZHP//ohn//6sW//+0E///vBD//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARmn//0tj//9PXf//VFb//1lQ//9dS///YkT//2c+//9rN/7/bzH//3Qq/v98J///hSP//48g//+XHv//oBr//6kX//+yFP//uhH//8MN//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU1n//1hS//9cTP//YUX//2U///9qOP7/bjL//3Ms/v96KP//gyT//4wh//+VHv//nhv//6cY//+vFP//uBH//8AO///JC///dQiNdgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABbTv//YEf//2RB//9pOv//bTT//3Et/v94KP//gCT//4oi//+SH///mxv//6QZ//+tFf//tRL//74P///GDP//zwj//9cG//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABoPP//bDX//3Aw//91Kf7/fiX//4ci//+QIP//mBz//6EZ//+rF///sxP//7wQ///EDP//zQr//9UG///eBf//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG8x//90Kv7/fCf//4Qj//+OIf//lh7//58a//+oF///sRT//7kR///CDf//ygr//9MH///cBf//5AT//+wD//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIIk//+MIf//lB///5wb//+mGP//rhT//7cS///ADv//yAv//9EH///ZBv//4gT//+oD///zAv//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlSH7+poc//+jGf//rBX//7US//+9EP//xgz//84I///XBv//3wX//+gE///xAv//+QL///8A//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////////////////wAP//4AB//8AAP//AAD//gAAf/4AAH/8AAA/+AAAH/gAAB/wAAAP8AAAD/AAAA/wAAAP+AAAH/gAAB/8AAA//gAAf/4AAH//AAD//wAA//+AAf//gAH///////////////////////////8'), auto; } #prompt { position: fixed; top: 20; left: 20; font-family: Jost, sans-serif; color: white; background: transparent; font-size: 25px; line-height: 15%; text-align: center; min-width: 20%; min-height: 20%; border-radius: 10px; padding: 0px; z-index: 9000; display: none; } #go { color: white; font-weight: 700; border: thin solid white; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Jost, sans-serif; font-size: 15px; padding: 10px 20px 10px 20px; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: white; } .address { position: relative; color: white; font-weight: 700; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Jost, sans-serif; font-size: 55px; padding: 10px 20px 10px 20px; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: white; } .input-wrap { position: relative; bottom: 0px; display: inline-block; min-width: 25%; min-height: 20px; line-height: 12%; } input #address { position: relative; color: white; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; min-width: 25%; display: inline-block; max-width: 25%; padding: 8px 5px; padding-right: 24px; line-height: 12%; } #clear-address { display: none; position: absolute; right: 3px; top: 0px; bottom: 0px; padding: 0px 5px; font-size: 25px; user-select: none; color: #9e9e9e; z-index: 12; height: 33px; justify-content: center; align-items: center; font-family: Jost, sans-serif; } input[type="address"]::-webkit-search-cancel-button { display: none; } span { font-family: Jost, sans-serif; text-align: Center; } #tw-toggle, .tw-toggle { min-height: 15px; max-height: 45px; min-width: 3vw; max-width: 140px; display: inline-block; padding: 2px 2px 2px 2px; border-radius: 20px; position: absolute; top: 1.5%; border: 2px solid #95A5A6; z-index:200; } .tw-toggle label { text-align: center; font-family: sans-serif; display: inline-block; color: #95A5A6; position:relative; z-index:2; margin: 0; padding: 5px 7px 5px 7px; font-size: 25px; min-height: 20px; max-height: 45px; min-width: 21px; max-width: 140px; line-height: 25px; top: 0px; } .tw-toggle input { /* display: none; */ position: absolute; display: inline-block; z-index: 30; opacity: 0; margin: 0; padding: 3px; min-height: 40px; max-height: 45px; min-width: 31px; max-width: 140px; line-height: 35px; top: 0px; } .tw-toggle span { min-height: 30px; max-height: 45px; min-width: 31px; max-width: 140px; line-height: 25px; border-radius: 50%; background: transparent; display:block; position:absolute; left: 95px; top: 4px; transition:all 0.3s ease-in-out; filter: blur(100%); } .tw-toggle input[value="false"]:checked ~ span{ background:#ffdb01; left:6px; color:#f0f; } .tw-toggle input[value="true"]:checked ~ span{ background:#111; color:#fff; left: 95px; } .tw-toggle input[value="-1"]:checked ~ span{ background: #95A5A6; left: 49.5px; } .tw-toggle input[value="false"]:checked + label{ color: #f0f; } .tw-toggle input[value="true"]:checked + label{ color: #fff; } .tw-toggle input[value="-1"]:checked + label{ color: #fff; } #wrapper{ position: relative; display: none; max-width: 200px; height: auto; top: -460px; left:2vw; } .hex-progress{ position: relative; top: 1px; max-width: 200px; height: auto; } .hex-progress .track, .hex-progress .fill{ fill: rgba(0, 0, 0, 0); stroke-width: 30; transform: translate(290px, 800px)rotate(-120deg); } .hex-progress .track{ stroke: rgb(56, 71, 83); } .hex-progress .fill { stroke-linecap: round; stroke-dasharray: 2160; stroke-dashoffset: 2160; transition: stroke-dashoffset 1s; } .value, .text { font-family: Jost, sans-serif; text-anchor: middle; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .value { position: relative; bottom: 100px; font-size: 30px; } .text { position: relative; bottom: 20%; font-size: 40px; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @keyframes bounce { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1, .9) translateY(0); } 30% { transform: scale(.9, 1.1) translateY(-30px); } 50% { transform: scale(1.05, .95) translateY(0); } 58% { transform: scale(1, 1) translateY(-5px); } 65% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @-webkit-keyframes snowflakes-shake { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(80px); transform: translateX(80px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes snowflakes-shake { 0% { transform: translateX(0px); } 50% { transform: translateX(80px); } 100% { transform: translateX(0px); } } #snow-bottom-layer{ z-index: -1; position: fixed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-animation-name: snowflakes-shake; -webkit-animation-duration: 3s; -webkit-animation-timing-function: linear, ease-in-out; -webkit-animation-iteration-count: infinite, infinite; -webkit-animation-play-state: running, running; animation-name: snowflakes-shake; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-play-state: running; } #snow-top-layer{ position: fixed; z-index: -1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-animation-name: snowflakes-shake; -webkit-animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-name: snowflakes-shake; animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-play-state: running; } .snow { position: absolute; min-width: 100vw; max-width: 100%; top: 0; left: 0; z-index: -1; } .snow .svg { position: absolute; min-width: 100%; } #snowflake { position: absolute; will-change: transform; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-animation-name: fall; -webkit-animation-duration: 80s; -webkit-animation-timing-function: linear, ease-in-out; -webkit-animation-iteration-count: infinite, infinite; -webkit-animation-play-state: running, running; animation: fall 80s infinite linear; animation-delay: 10s; } #snowflake2 { position: absolute; will-change: transform; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-animation-name: fall; -webkit-animation-duration: 90s; -webkit-animation-timing-function: linear, ease-in-out; -webkit-animation-iteration-count: infinite, infinite; -webkit-animation-play-state: running, running; animation: fall 90s infinite linear; } .snowflake2:nth-of-type(0) { -webkit-animation-delay: 0s; animation-delay: 0s; } .snowflake2:nth-of-type(1) { -webkit-animation-delay: 1s; animation-delay: 1s; } .snowflake2:nth-of-type(2) { -webkit-animation-delay: 2s; animation-delay: 2s; } .snowflake2:nth-of-type(3) { -webkit-animation-delay: 3s; animation-delay: 3s; } .snowflake2:nth-of-type(4) { -webkit-animation-delay: 4s; animation-delay: 4s; } .snowflake2:nth-of-type(5) { -webkit-animation-delay: 5s; animation-delay: 5s; } .snowflake2:nth-of-type(6) { -webkit-animation-delay: 6s; animation-delay: 6s; } .snowflake2:nth-of-type(7) { -webkit-animation-delay: 7s; animation-delay: 7s; } .snowflake2:nth-of-type(8) { -webkit-animation-delay: 8s; animation-delay: 8s; } .snowflake2:nth-of-type(9) { -webkit-animation-delay: 9s; animation-delay: 9s; } .snowflake:nth-of-type(0) { -webkit-animation-delay: 0s; animation-delay: 0s; } .snowflake:nth-of-type(1) { -webkit-animation-delay: 1s; animation-delay: 1s; } .snowflake:nth-of-type(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .snowflake:nth-of-type(3) { -webkit-animation-delay: 2s; animation-delay: 2s; } .snowflake:nth-of-type(4) { -webkit-animation-delay: 2s; animation-delay: 2s; } .snowflake:nth-of-type(5) { -webkit-animation-delay: 3s; animation-delay: 3s; } .snowflake:nth-of-type(6) { -webkit-animation-delay: 2s; animation-delay: 2s; } .snowflake:nth-of-type(7) { -webkit-animation-delay: 1s; animation-delay: 1s; } .snowflake:nth-of-type(8) { -webkit-animation-delay: 2s; animation-delay: 2s; } .snowflake:nth-of-type(9) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } @-webkit-keyframes fall { 100% { -ms-transform: translateY(500%); -webkit-transform: translateY(500%); -moz-transform: translateY(500%); -o-transform: translateY(500%); transform: translateY(500%);} } @keyframes fall { 100% { transform: translateY(500%); } } .popuptext { position: fixed; top: 3%; left: 52%; font-size: 35px; display: none; max-width: 25%; text-align: center; border-radius: 6px; z-index: 1; font-family: Jost, sans-serif; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animatedBackground_a 25s linear infinite alternate; } .hexcom { position: relative; z-index: 7; bottom:0px; padding: 15px; max-width: 100px; display: block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hexcom:hover + div.popuptext { display: block; } div { font-family: Jost, sans-serif; } .claimer{ position: relative; font-size: 14px; font-family: Jost, sans-serif; text-align: Center; min-width: 60px; max-width: 60px; height: 60px; padding: 5px; -webkit-clip-path: polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%); clip-path: polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%); background-image: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); -webkit-animation: bounce 4s infinite linear; animation: bounce 4s infinite linear; transform-origin: center center; } .club5555{ position: relative; font-family: Jost, sans-serif; text-align: Center; font-size: 14px; min-width: 60px; max-width: 60px; height: 60px; padding: 5px; -webkit-clip-path: polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%); clip-path: polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%); background-image: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); -webkit-animation: bounce 2s infinite linear; animation: bounce 2s infinite linear; transform-origin: center center; } .freeclaimer{ position: relative; font-size: 14px; font-family: Jost, sans-serif; text-align: Center; min-width: 60px; max-width: 60px; height: 60px; padding: 10px; display: flex; justify-content: space-between; align-items: center; flex-basis: 60px; -webkit-clip-path: polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%); clip-path: polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%); background-image: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); -webkit-animation: bounce 4s infinite linear; animation: bounce 4s infinite linear; transform-origin: center center; } .club{ position: relative; font-family: Jost, sans-serif; text-align: Center; font-size: 14px; min-width: 60px; max-width: 60px; height: 60px; padding: 10px; -webkit-clip-path: polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%); clip-path: polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%); background-image: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); -webkit-animation: bounce 2s infinite linear; animation: bounce 2s infinite linear; transform-origin: center center; display: flex; justify-content: space-between; align-items: center; flex-basis: 60px; } .roi { position: relative; font-family: Jost, sans-serif; text-align: Center; font-size: 14px; min-width: 120px; height: 100%; padding: 5px; } @keyframes nuke { 0% { transform: scale3d(1, 1, 1); background-color: SandyBrown; bottom: 0px; } 15% { transform: scale3d(1, 1, 1); background-color: SandyBrown; bottom: 0px; } 30% { transform: scale3d(0.75, 1.25, 1); } 40% { transform: scale3d(1.25, 0.75, 1); } 50% { transform: scale3d(0.85, 1.15, 1); } 65% { transform: scale3d(1.05, 0.95, 1); } 75% { transform: scale3d(0.95, 1.05, 1); bottom: 20px; } 80% { transform: scale3d(1, 1, 1); background-color: orangered; bottom: 23px; } 100% { transform: scale3d(1, 1, 1) rotateX(-180deg); background-color: red; bottom: 29px; } } .nuke { position: relative; z-index: 10; min-width: 100px; height: 100%; padding: 5px; background-color: SandyBrown; font-family: Jost, sans-serif; text-align: Center; font-size: 14px; transform: rotateX(180deg); transform-origin: 25% 25% -90px; animation-name: nuke; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .late { position: relative; font-family: Jost, sans-serif; text-align: Center; font-size: 14px; min-width: 100px; height: 100%; padding: 5px; background-color: SandyBrown; animation: bounce 1s ease infinite; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .onTime { position: relative; font-family: Jost, sans-serif; text-align: Center; font-size: 14px; min-width: 100px; height: 100%; padding: 5px; background-color: Green; animation: tada 4.59s ease-in-out infinite; -o-animation: tada 4.59s ease-in-out infinite; -ms-animation: tada 4.59s ease-in-out infinite; -webkit-animation: tada 4.59s ease-in-out infinite; -moz-animation: tada 4.59s ease-in-out infinite; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .daysComplete { position: relative; font-family: Jost, sans-serif; text-align: Center; font-size: 14px; min-width: 100px; height: 100%; padding: 5px; } .ended { position: relative; font-family: Jost, sans-serif; text-align: Center; font-size: 14px; min-width: 100px; height: 100%; padding: 5px; background-color: green; } .RH-button { background-color: #004d4d; border-radius: 17px; border: solid 0px #004d4d; box-shadow: 0px 10px 14px -7px #616174; text-decoration: none; position: relative; top: 5%; overflow: hidden; padding: 5px; max-width: 15vw; } .RH-button:hover { background-color: #1925B0; } .RH-button-text { position: relative; padding: 5px 5px; font-size: 1.5vw; display: inline-flex; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .RH-button-icon { position: relative; color: #ff0000; padding: 5px 5px; font-size: 2vw; display: inline-block; background-clip: none; -webkit-background-clip: none; -webkit-text-fill-color: #ff0000; } #RH { position: fixed; z-index: 10; right: 5px; top: 5%; aspect-ratio: 16/9; max-width: 25vw; } .RHVideo { position: fixed; z-index: 10; right: 5px; top: 5%; aspect-ratio: 16/9; max-width: 25vw; } .tChart { position: relative; z-index: 1; font-family: Jost, sans-serif; display:none; } .tChart2 { position: relative; z-index: 1; font-family: Jost, sans-serif; display:none; } .Chart { position: relative; height: 50vh; min-width: 90vw; z-index: -1; font-family: Jost, sans-serif; filter: grayscale(0%); padding: 25px; display:none; } .PLSXBurn-chart-container { position: relative; height: 60vh; min-width: 90vw; z-index: -1; background-image: url("https://pulsex.com/brand/downloads/wallpaper/PulseX_3d_wallpaper.jpg"); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 50px; padding-right: 25px; } .chart-container { position: relative; height: 60vh; min-width: 90vw; z-index: -1; -webkit-background-clip: text; padding-top: 10px; padding-bottom: 50px; padding-right: 25px; } .HEXChart { position: relative; height: 50vh; min-width: 90vw; z-index: -1; font-family: Jost, sans-serif; filter: grayscale(0%); padding: 25px; } .HEXchart-container { position: relative; height: 60vh; min-width: 90vw; z-index: -1; background-image: url("https://hex.com/downloads/wallpaper/5k-simple.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 50px; padding-right: 25px; } .PLSXChart { position: relative; height: 50vh; min-width: 90vw; z-index: -1; font-family: Jost, sans-serif; filter: grayscale(0%); padding: 25px; } .PLSXchart-container { position: relative; height: 60vh; min-width: 90vw; z-index: -1; background-image: url("https://pulsex.com/brand/downloads/wallpaper/PulseX_wallpaper.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; /* -webkit-background-clip: text;*/ padding-top: 10px; padding-bottom: 50px; padding-right: 25px; } .PLSchart-container { position: relative; height: 60vh; min-width: 90vw; z-index: -1; background-image: url("PLSChart.png"); background-position: center center; background-size: cover; background-repeat: no-repeat; /* -webkit-background-clip: text;*/ padding-top: 10px; padding-bottom: 50px; padding-right: 25px; } .PLSChartW{ position: relative; height: 80vh; min-width: 95vw; overflow: scroll; background-image: url("PLSChart.png"); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 10px; padding-left: 35px; padding-right: 25px; padding-bottom: 75px; text-align: center; z-index: 1; display: none; overflow-x: hidden; /* Hide horizontal scrollbar */ } .tshareChart { position: relative; height: 78vh; min-width: 95vw; overflow: scroll; background-image: url("https://hex.com/downloads/wallpaper/3d-silver.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 10px; padding-left: 35px; padding-right: 25px; padding-bottom: 75px; text-align: center; z-index: 1; display: none; overflow-x: hidden; /* Hide horizontal scrollbar */ } h1 { position: relative; min-width: 20%; font-family: Jost, sans-serif; text-align: Center; z-index: 1; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animatedBackground_a 25s linear infinite; } h2 { position: relative; min-width: 45%; font-family: Jost, sans-serif; text-align: Center; z-index: 1; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animatedBackground_b 40s linear infinite; } h3 { position: relative; font-family: Jost, sans-serif; text-align: left; z-index: 1; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 20px; } h4 { position: relative; font-family: Jost, sans-serif; z-index: 1; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } p { position: relative; font-family: Jost, sans-serif; font-size: 14px; text-align: Center; color: #111; z-index: 1; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .rank { position: relative; top: 5px; left: 5px; min-width: 400px; height: 75px; font-size: 164px; display: flex; align-items: Center; padding: 15px; -webkit-background-clip: text; } .balance { position: relative; top: -100px; left: 15%; min-width: 30vw; max-width: 40vw; height: auto; } .network { font-family: Jost, sans-serif; font-size: 18px; color: #f0f; visibility: hidden; } .price { z-index:999; min-width: auto; height: auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* unvisited link */ a:link { color: white; } /* visited link */ a:visited { color: white; } /* mouse over link */ a:hover { color: hotpink; } /* selected link */ a:active { color: white; } .toggle-off.btn { -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Jost, sans-serif; color: #111111; font-size: 15px; padding: 10px 20px 10px 20px; text-align: center; text-decoration: none; } .inputWraper { position: relative; z-index: 99; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-border-radius: 28; -moz-border-radius: 28; font-family: Jost, sans-serif; font-size: 15px; text-align: center; overflow: hidden; min-width: 365px; padding: 10px 20px 10px 20px; } .inputText { position: relative; left: 0%; z-index: 99; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-border-radius: 28; -moz-border-radius: 28; font-family: Jost, sans-serif; font-size: 18px; text-align: center center; overflow: hidden; max-width: 55vw; min-width: 8vw; min-height: 1vh; max-height: 5vh; padding: 1px 20px 1px 20px; display: inline-flex; flex:auto; line-height: normal; } #addy { position: relative; z-index: 99; max-width: 35vw; min-width: 25vw; min-height: 1vh; max-height: 5vh; border-width: 2px; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28; font-family: Jost, sans-serif; font-size: 15px; padding: 1px 1px 1px 1px; text-align: center; color: #111; -webkit-background-clip: text; overflow: hidden; } .btn { position: relative; left: 5px; max-width: 15vw; min-width: 10vw; font-weight: 700; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Jost, sans-serif; font-size: 15px; padding: 10px 20px 10px 20px; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: 999; } .btn:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; text-decoration: none; z-index: 999; } .rocket { cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAACgAAABMAAAASAAAADAAAAAwAAAAVAAAAIwAAABkAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAADAAAAAwAAAAcAAAAXAAAAJwAAACYAAAAdAAAAHwAAAC8AAAA1AAAAIwAAABEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAADAAAABgAAAA4AAAAOAAAAFwAAACcAAAA5AAAANwAAADEAAAA1AED//wAAADwAAAAlAAAADwAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAADAAAABgAAAA8AAAAVAAAAJAAAACQYTebrAED//wAAAEUAAABEAED//wBA//8AQP//AAAAPQAAACsAAAAYAAAAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAABgAAAA8AAAAVAAAAJQAAAC8AAAA+KCw1agBA//8AQP//AAAATgBA//8AQP//AED//wAAAFQAAABCAAAAOAAAACwAAAA0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAwAAAAVAAAAJQAAAC8AAAA/Jycn4QAAAE4AQP//AED//zM5SoYAQP//AED//wBA//8AQP//AAAAVQAAAEsAAABGAAAAOgAAADsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAAAAHAAAAC8AAAA/AAAA/wAAJ/8AAAD/AkL//wBA//8AQP//AED//wBA//8AQP//AED//wJC//8AAABVB0b//wBA//8AQP//AAAAMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABMAAAAsAAAA/wAAgP8AAH//AAB//wAAAP8AQP//I8X//wBA//8AQP//AED//yTE//8AQP//AED//wBA//8AQP//AED//wAAADkAAAAtAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAf/8AAH//AAB//wAAf/8AAH//FBQU8wBA//8jxf//AED//wBA//8jxf//AUP//wBA//8AQP//AED//wBA//8AAABNAAAAQQAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAH//AAB//wAAf/8AAH//AAB//wAAf/8ANMn/I8X//yPF//8Zn///I8X//yPF//8AQP//AED//wBA//8AQP//AAAAVAAAAE4AAABCAAAAOgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAf/8AAH//AAB//wAAf/8AAAD/AAA5/wAAAP8jxf//I8X//yPF//8jxf//I8X//yPF//8jxf//AED//xBH7vQNR/L2AED//wBA//8AAAApAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAB//wAAf/8AAH3/AAAA/wAA//8AAP//AADr/yPF//8jxf//AAAB/yPF//8jxf//I8X//wBA//8AQP//AED//wBA//8AQP//AAAAIAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAP8AAH//AAAA/wAA//8AAP//AAD//wAA//8AAP//AAAA/wAAcP8AAF7/I8X//yPF//8jxf//I8X//yPF//8AQP//AED//wAAACUAAAASAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAANAAAA/wAAAP8AAP//AAD//wAA//8AAP//AAD//wAAAP8AAH//AAAj/wAAff8jxf//I8X//yPF//8jxf//AED//wBA//8AAAAwAAAAJAAAABMAAAALAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAADQAAAB8AAAH/AAD//wAA//8AAP//AAD//wAA//8AAAD/AAB//wAAAP8AAH//AAAA/yPF//8jxf//AD///wBA//8wVcLWAAAARwAAAD0AAAAvAAAAGgAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAwBAQEhAACj/wAA//8AAP//AAD//wAA//8AAP//AAAA/wAAf/8AAAD/AAB//wAAAv8AAP//AAAH/wAmjP8AQP//AAAAVQAAAFMAAABQEREReAAAADUAAAAcAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAALAAAAIQAA3P8AAP//AAD//wAA//8AAP//AAD//wAAAP8AAH//AAAA/wAAXP8AAM7/AAD//wAA//8AAP//AAD//wAAIv8AAH//AAB//wAAf/8gICC9AAAALwAAABQAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAABgAADj/AAD//wAA//8AAP//AAD//wAA//8AAC7/AAB//wAAAP8AAAH/AAD//wAA//8AAP//AAD//wAA//8AAAD/AAB//wAAf/8AAH//AAAA/wAAAD8AAAAjAAAACgAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAQAAAA/wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAGL/AAAA/wAA//8AAP//AAD//wAA//8AAP//AAD//wAAAP8AAH//AAB//wAAf/8AAAD/AAAAMQAAABUAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAP8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAAC/8AAP//AAD//wAA//8AAP//AAD//wAA//8AAAD/AAB//wAAf/8AAH//AAB0/wAAADwAAAAjAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIXFxdsAAD//wAA//8AAP//AAAA/wAAAP8AAAD/AAAA/wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAAf/8AAH//AAB//wAAf/8AAAD/AAAAKAAAABUAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAP8AAP//AAD//wAAE/8AAAD///+u////rv8AAAD/AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAAD/AAB//wAAf/8AAH//AAB//wAAABwAAAATAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAD//wAA//8AAP//AAAA/zk5MHsAAABT//+u/4yMZv8AAAD/AAD//wAA//8AAP//AAD//wAA//8AAP//AAAA/wAAcP8AACr/AAAA/wAAAP8AAAD/AAAACAAAAAUAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAf8AAP//AAD//wAA//8AAAD/AQEB/wAAAFX//67/AAAA/wAA//8AAP//AAD//wAA//8AAP//AAD//wAAAP8AAAAfAAAADAAAAAMAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0NDS9AAD//wAA//8AAP//AAD//wAA//8AAAD/AAAA/wAAAP8AAAH/AAD//wAA//8AAP//AAD//wAA//8AAAD/AAAAFQAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAPv/AAAA/wAAAA8AAAAGAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+/wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAAA/wAAABAAAAAHAAAAAwAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADQ0NE4AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAAA/wICAjwAAAAGAAAABAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAJ//AAAA/wAAAAoAAAAGAAAAAwAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAD//wAA//8AAP//AACp/wAAAP8AAAD/BwcHPgAAAAYAAAAEAAAAAgAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYGBvs7OzuXAwMDDQAAAAUAAAACAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////v///5j///+R///9Af//8AEf/8AAP/8AAH/+AAD//gAAH/4AAD/+AAB//gAA//4AAf/8AAf/+AAAf/AAAP/gAAD/wAAB/8AAAf+AAAP/BgAD/wIA//4AAf/+AAP//gAP//4AP//8AP///Af///z/////////8='), auto; } #switch { position: relative; max-width: 120px; height: 40px; } .toggle{ position: absolute; border-radius: 20px; -webkit-transition: border-color .6s ease-out; transition: border-color .6s ease-out; box-sizing: border-box; background-image: -webkit-linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); background-image: -moz-linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); background-image: -ms-linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); background-image: -o-linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); background-image: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); font-weight: 700; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 2px solid #f0f; } .toggle.toggle-on{ -webkit-transition: all .1s .1s ease-out; transition: all .1s .1s ease-out; background-image: linear-gradient(30deg, #f00 0%, #e619e6 25%, #8000ff 50%, #0080ff 75%, #00eaff 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 2px solid #0080ff; } .toggle-button{ position: absolute; top: 4px; min-width: 28px; bottom: 4px; left: 5px; background-color: #f0f; border-radius: 19px; -webkit-transition: all .3s .1s, width .1s, top .1s, bottom .1s; transition: all .3s .1s, width .1s, top .1s, bottom .1s; -webkit-clip-path: polygon(50% 0, 7% 26%, 7% 74%, 50% 100%, 93% 74%, 93% 26%, 83% 32%, 83% 69%, 50% 89%, 17% 69%, 17% 32%, 50% 12%, 83% 32%, 93% 26%); clip-path: polygon(50% 0, 7% 26%, 7% 74%, 50% 100%, 93% 74%, 93% 26%, 83% 32%, 83% 69%, 50% 89%, 17% 69%, 17% 32%, 50% 12%, 83% 32%, 93% 26%); background-clip: none; -webkit-background-clip: none; } .toggle-on .toggle-button{ top: 3px; min-width: 28px; bottom: 3px; left: 85px; border-radius: 19px; background-color: #0080ff; box-shadow: 0 0 16px #4b7a8d; -webkit-transition: all .2s .1s, right .1s; transition: all .2s .1s, right .1s; } .toggle-text-on{ position: absolute; top: 0; bottom: 0; left: 0; right: 28px; line-height: 36px; text-align: center; color: white; font-family: Jost, sans-serif; font-size: 14px; font-weight: 700; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: none; } .toggle-on .toggle-text-on{ display: block; } .toggle-text-off{ position: absolute; top: 0; bottom: 0; left: 40px; line-height: 36px; text-align: center; font-family: Jost, sans-serif; font-size: 14px; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; } .toggle-on .toggle-text-off{ display: none; } .PLStable{ display: none; color:#A9F3E0; } .ETHtable{ display: none; } .hide { display: none; } .bottomstuff{ position: relative; z-index: 1; min-height: 180vh; max-height: 200vh; top: 0px; } .tableTOP{ position: absolute; background-image: url("rocks/images/fulls/clean.png"); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: top; top: -5%; left: 5%; min-height: 20vh; max-height: 90vh; min-width: 80vw; max-width: 90vw; z-index: 2; display: none; padding: 0px 5px 0px 5px; resize: horizontal; } .sticky-header { z-index: 7; position: -webkit-sticky; position: sticky; top: 0; font-weight: 700; overflow: hidden; } table.ETHtable { position: relative; border: 0px solid #111; font-family: Jost, sans-serif; text-align: center; border-collapse: collapse; } table.PLStable { position: relative; border: 0px solid #111; font-family: Jost, sans-serif; text-align: center; border-collapse: collapse; } tr, th { font-family: Jost, sans-serif; border: 0px solid #111; padding: 5px 5px 5px 5px; min-width: 2vw; min-height: 2vw; max-width: auto; max-height: 5vh; z-index: 1; } th { border: 1px solid #111; min-width: 5vw; min-height: 2vw; max-width: auto; max-height: 5vh; padding: 5px 5px 5px 5px; } .wider { min-width: 5vw; min-height: 2vw; max-width: auto; max-height: 5vh; padding: 5px 5px 5px 5px; } table.ETHtable th { position: -webkit-sticky; position: sticky; text-align: center; top: 0; background: -moz-linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); background: -webkit-linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); background: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); z-index: 2; background-clip: none; -webkit-background-clip: none; } table.PLStable th { position: -webkit-sticky; position: sticky; text-align: center; top: 0; background: -moz-linear-gradient(30deg, #f00 0%, #e619e6 25%, #8000ff 50%, #0080ff 75%, #00eaff 100%); background: -webkit-linear-gradient(30deg, #f00 0%, #e619e6 25%, #8000ff 50%, #0080ff 75%, #00eaff 100%); background: linear-gradient(30deg, #f00 0%, #e619e6 25%, #8000ff 50%, #0080ff 75%, #00eaff 100%); z-index: 2; background-clip: none; -webkit-background-clip: none; } table, td { font-family: Jost, sans-serif; border: 1px solid #111; z-index: 1; min-width: 1vw; min-height: 2vw; max-width: auto; max-height: auto; padding: 0px 5px 0px 5px; } table { overflow: auto; min-height: 5vh; max-height: 80vh; min-width: 80vw; max-width: 90vw; padding: 0px 5px 0px 5px; } .hexnpulse { position: relative; top: 0.1%; left: 0.1%; min-width: 1%; width: 150px; max-width: 25%; z-index: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cssload-wrap { display: flex; display: -o-flex; display: -ms-flex; display: -webkit-flex; display: -moz-flex; box-pack: center; -o-box-pack: center; -ms-box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; justify-content: center; -o-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; box-align: center; -o-box-align: center; -ms-box-align: center; -webkit-box-align: center; -moz-box-align: center; align-items: center; -o-align-items: center; -ms-align-items: center; -webkit-align-items: center; -moz-align-items: center; perspective: 390px; -o-perspective: 390px; -ms-perspective: 390px; -webkit-perspective: 390px; -moz-perspective: 390px; height: 150px; width: 150px; overflow: hidden; } .cssload-cssload-spinner { position: relative; transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; animation: cssload-wobble 4.59s ease-in-out infinite; -o-animation: cssload-wobble 4.59s ease-in-out infinite; -ms-animation: cssload-wobble 4.59s ease-in-out infinite; -webkit-animation: cssload-wobble 4.59s ease-in-out infinite; -moz-animation: cssload-wobble 4.59s ease-in-out infinite; } .cssload-cssload-spinner:before, .cssload-cssload-spinner:after { display: block; content: ' '; border-radius: 50%; min-width: 88px; height: 88px; -webkit-clip-path: polygon(50% 0, 7% 26%, 7% 74%, 50% 100%, 93% 74%, 93% 26%, 83% 32%, 83% 69%, 50% 89%, 17% 69%, 17% 32%, 50% 12%, 83% 32%, 93% 26%); clip-path: polygon(50% 0, 7% 26%, 7% 74%, 50% 100%, 93% 74%, 93% 26%, 83% 32%, 83% 69%, 50% 89%, 17% 69%, 17% 32%, 50% 12%, 83% 32%, 93% 26%); animation: cssload-spin 1.73s ease-in-out infinite both reverse; -o-animation: cssload-spin 1.73s ease-in-out infinite both reverse; -ms-animation: cssload-spin 1.73s ease-in-out infinite both reverse; -webkit-animation: cssload-spin 1.73s ease-in-out infinite both reverse; -moz-animation: cssload-spin 1.73s ease-in-out infinite both reverse; } .cssload-cssload-spinner:before { background-color: #02baff; background: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); position: absolute; } .cssload-cssload-spinner:after { background-color: #4c4c4c; background: linear-gradient(30deg, #f00 0%, #e619e6 25%, #8000ff 50%, #0080ff 75%, #00eaff 100%); animation-delay: -0.86s; -o-animation-delay: -0.86s; -ms-animation-delay: -0.86s; -webkit-animation-delay: -0.86s; -moz-animation-delay: -0.86s; } @keyframes cssload-wobble { 0%, 100% { transform: rotateX(8.75deg) rotateY(35deg); } 50% { transform: rotateX(35deg) rotateY(-35deg) rotate(180deg); } } @-o-keyframes cssload-wobble { 0%, 100% { -o-transform: rotateX(8.75deg) rotateY(35deg); } 50% { -o-transform: rotateX(35deg) rotateY(-35deg) rotate(180deg); } } @-ms-keyframes cssload-wobble { 0%, 100% { -ms-transform: rotateX(8.75deg) rotateY(35deg); } 50% { -ms-transform: rotateX(35deg) rotateY(-35deg) rotate(180deg); } } @-webkit-keyframes cssload-wobble { 0%, 100% { -webkit-transform: rotateX(8.75deg) rotateY(35deg); } 50% { -webkit-transform: rotateX(35deg) rotateY(-35deg) rotate(180deg); } } @-moz-keyframes cssload-wobble { 0%, 100% { -moz-transform: rotateX(8.75deg) rotateY(35deg); } 50% { -moz-transform: rotateX(35deg) rotateY(-35deg) rotate(180deg); } } @keyframes cssload-spin { 0%, 100% { transform: translateZ(49px) rotateX(14deg); } 33% { transform: translateZ(-49px) scale(0.4); } 66% { transform: translateZ(-49px); } } @-o-keyframes cssload-spin { 0%, 100% { -o-transform: translateZ(49px) rotateX(14deg); } 33% { -o-transform: translateZ(-49px) scale(0.4); } 66% { -o-transform: translateZ(-49px); } } @-ms-keyframes cssload-spin { 0%, 100% { -ms-transform: translateZ(49px) rotateX(14deg); } 33% { -ms-transform: translateZ(-49px) scale(0.4); } 66% { -ms-transform: translateZ(-49px); } } @-webkit-keyframes cssload-spin { 0%, 100% { -webkit-transform: translateZ(49px) rotateX(14deg); } 33% { -webkit-transform: translateZ(-49px) scale(0.4); } 66% { -webkit-transform: translateZ(-49px); } } @-moz-keyframes cssload-spin { 0%, 100% { -moz-transform: translateZ(49px) rotateX(14deg); } 33% { -moz-transform: translateZ(-49px) scale(0.4); } 66% { -moz-transform: translateZ(-49px); } } .imgbox { position: absolute; max-width: 1vw; left: 10%; bottom: 8%; -webkit-background-clip: text; } .gallery { position: relative; min-width: 1%; --s: 150px; /* control the size */ --g: 15px; /* control the gap */ display: grid; margin: calc(var(--s) + var(--g)); } .gallery > img { grid-area: 1/1; max-width: var(--s); aspect-ratio: 0.866; object-fit: cover; clip-path: polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0); transform: translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1)); filter: grayscale(80%); transition: .2s linear; } .gallery > img:hover { filter: grayscale(0); object-fit: contain; z-index: 1; --_t: 3.2; } .gallery > img:nth-child(1) {--_x: calc(-100% - var(--g))} .gallery > img:nth-child(7) {--_x: calc( 100% + var(--g))} .gallery > img:nth-child(3), .gallery > img:nth-child(5) {--_y: calc(-75% - .87*var(--g))} .gallery > img:nth-child(4), .gallery > img:nth-child(6) {--_y: calc( 75% + .87*var(--g))} .gallery > img:nth-child(3), .gallery > img:nth-child(4) {--_x: calc(-50% - .5*var(--g))} .gallery > img:nth-child(5), .gallery > img:nth-child(6) {--_x: calc( 50% + .5*var(--g))} .socket{ min-width: 1vw; display: none; height: 1vh; position: fixed; left: 50%; top: 50%; z-index: 99; scale: 1; } .hex-brick{ min-width: 30px; height: 17px; position: absolute; top: 5px; animation-name: fade; animation-duration: 0.8s; animation-iteration-count: infinite; -webkit-animation-name: fade; -webkit-animation-duration: 0.8s; -webkit-animation-iteration-count: infinite; } .h2{ transform: rotate(60deg); -webkit-transform: rotate(60deg); } .h3{ transform: rotate(-60deg); -webkit-transform: rotate(-60deg); } .gel{ height: 30px; min-width: 30px; transition: all .3s; -webkit-transition: all .3s; position: absolute; top: 50%; left: 50%; } .center-gel{ margin-left: -15px; margin-top: -15px; animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite; -webkit-animation-name: pulse; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; } .c1{ margin-left: -47px; margin-top: -15px; } .c2{ margin-left: -31px; margin-top: -43px; } .c3{ margin-left: 1px; margin-top: -43px; } .c4{ margin-left: 17px; margin-top: -15px; } .c5{ margin-left: -31px; margin-top: 13px; } .c6{ margin-left: 1px; margin-top: 13px; } .c7{ margin-left: -63px; margin-top: -43px; } .c8{ margin-left: 33px; margin-top: -43px; } .c9{ margin-left: -15px; margin-top: 41px; } .c10{ margin-left: -63px; margin-top: 13px; } .c11{ margin-left: 33px; margin-top: 13px; } .c12{ margin-left: -15px; margin-top: -71px; } .c13{ margin-left: -47px; margin-top: -71px; } .c14{ margin-left: 17px; margin-top: -71px; } .c15{ margin-left: -47px; margin-top: 41px; } .c16{ margin-left: 17px; margin-top: 41px; } .c17{ margin-left: -79px; margin-top: -15px; } .c18{ margin-left: 49px; margin-top: -15px; } .c19{ margin-left: -63px; margin-top: -99px; } .c20{ margin-left: 33px; margin-top: -99px; } .c21{ margin-left: 1px; margin-top: -99px; } .c22{ margin-left: -31px; margin-top: -99px; } .c23{ margin-left: -63px; margin-top: 69px; } .c24{ margin-left: 33px; margin-top: 69px; } .c25{ margin-left: 1px; margin-top: 69px; } .c26{ margin-left: -31px; margin-top: 69px; } .c27{ margin-left: -79px; margin-top: -15px; } .c28{ margin-left: -95px; margin-top: -43px; } .c29{ margin-left: -95px; margin-top: 13px; } .c30{ margin-left: 49px; margin-top: 41px; } .c31{ margin-left: -79px; margin-top: -71px; } .c32{ margin-left: -111px; margin-top: -15px; } .c33{ margin-left: 65px; margin-top: -43px; } .c34{ margin-left: 65px; margin-top: 13px; } .c35{ margin-left: -79px; margin-top: 41px; } .c36{ margin-left: 49px; margin-top: -71px; } .c37{ margin-left: 81px; margin-top: -15px; } .r1{ animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite; animation-delay: .2s; -webkit-animation-name: pulse; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: .2s; } .r2{ animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite; animation-delay: .4s; -webkit-animation-name: pulse; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: .4s; } .r3{ animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite; animation-delay: .6s; -webkit-animation-name: pulse; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: .6s; } .r1 > .hex-brick{ animation-name: fade; animation-duration: 0.8s; animation-iteration-count: infinite; animation-delay: .2s; -webkit-animation-name: fade; -webkit-animation-duration: 0.8s; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: .2s; } .r2 > .hex-brick{ animation-name: fade; animation-duration: 0.8s; animation-iteration-count: infinite; animation-delay: .4s; -webkit-animation-name: fade; -webkit-animation-duration: 0.8s; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: .4s; } .r3 > .hex-brick{ animation-name: fade; animation-duration: 0.8s; animation-iteration-count: infinite; animation-delay: .6s; -webkit-animation-name: fade; -webkit-animation-duration: 0.8s; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: .6s; } @keyframes pulse{ 0%{ -webkit-transform: scale(1); transform: scale(1); } 52%{ -webkit-transform: scale(0.01); transform: scale(0.01); } 100%{ -webkit-transform: scale(1); transform: scale(1); } } @keyframes fade{ 0%{ background: #ffdb01; } 30%{ background: #ff851f; } 52%{ background: #ff3d3d; } 70%{ background: #ff0f6f; } 100%{ background: #f0f; } } @-webkit-keyframes pulse{ 0%{ -webkit-transform: scale(1); transform: scale(1); } 52%{ -webkit-transform: scale(0.01); transform: scale(0.01); } 100%{ -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fade{ 0%{ background: #ffdb01; } 30%{ background: #ff851f; } 52%{ background: #ff3d3d; } 70%{ background: #ff0f6f; } 100%{ background: #f0f; } } footer { position: absolute; bottom: 0%; min-width: 95vw; font-family: Jost, sans-serif; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; } @media only screen and (orientation:portrait) { .land { background-color: lightblue; position:absolute; top: 0%; left: 0px; min-height: 100vh; min-width: 100vw; display: block; text-align: center; font-size: 50px; z-index: 99999999999; } } @media only screen and (orientation:landscape) { .startText { z-index: 10; position: fixed; top: 15%; left: 0.1%; font-family: Jost, sans-serif; overflow: hidden; min-width: 95%; min-height: 55vh; line-height: 100%; padding: 10px; text-align: center; font-size: 12px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animate 20s linear infinite 35s; } #startText { font-weight: 700; user-select: none; font-size: 12px; pointer-events: none; } } @media only screen and (max-width: 900px) { /* For mobile phones: */ body{ width: 100vw; } #prompt { position: fixed; top: 0; left: 0; font-family: Jost, sans-serif; color: white; background: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); font-size: 18px; line-height: 25vh; text-align: center; min-width: 100vw; min-height: 100vh; border-radius: 10px; padding: 0px; z-index: 100; display: none; } #go { color: white; font-weight: 600; border: thin solid white; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Jost, sans-serif; font-size: 15px; padding: 10px 20px 10px 20px; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: white; } .address { position: relative; color: white; font-weight: 700; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Jost, sans-serif; font-size: 18px; padding: 5px 10px 5px 10px; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: white; } .input-wrap { position: relative; bottom: 0px; display: inline-block; min-width: 15%; min-height: 20px; max-width: 20%; max-height: 40px; line-height: 20px; } input #address { position: relative; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; min-width: 15%; display: inline-block; max-width: 15%; padding: 8px 5px; padding-right: 24px; line-height: 1vh; } .inputWraper { position: relative; left: 0; z-index: 99; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-border-radius: 28; -moz-border-radius: 28; font-family: Jost, sans-serif; font-size: 18px; text-align: center; overflow: hidden; min-width: 65px; padding: 5px 10px 5px 10px; } .inputText { position: relative; left: 0; z-index: 99; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-border-radius: 28; -moz-border-radius: 28; font-family: Jost, sans-serif; font-size: 15px; text-align: center center; overflow: hidden; max-width: 100vw; min-width: 50vw; min-height: 5vh; max-height: 15vh; padding: 5px 10px 5px 10px; display: inline-flex; flex: auto; } input.addyinput { position: relative; max-width: 400px; min-width: 30px; min-height: 5vh; max-height: 15vh; border-width: 2px; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28; font-family: Jost, sans-serif; font-size: 15px; padding: 5px 10px 5px 10px; text-align: center; color: #111; -webkit-background-clip: text; overflow: hidden; z-index: 999; } .btn { position: relative; font-weight: 700; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Jost, sans-serif; font-size: 12px; padding: 5px 10px 5px 10px; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; visibility: hidden; display:none; z-index: 999; } .network { font-family: Jost, sans-serif; font-size: 18px; color: #f0f; visibility: hidden; display:none; } #count, .countdown { position: absolute; --double-padding: 3px; left: 2px; top: 105px; z-index: 9; min-height: 20vh; max-height: 25vh; min-width: 39vw; max-width: 40vw; border-radius: 10px; text-align: center; background: transparent; } .display #time{ font-size: 20px; height: auto; min-width: 29vw; max-width: 39vw; background-image: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .title { position: relative; height: auto; min-width: 29vw; max-width: 39vw; left: 2px; top: 0px; text-align: left; font-size: 14px; animation: animate 6s linear infinite; } #countdown, #tiles{ z-index: 1; text-align: left; font-size: 24px; font-weight: 700; display: block; left: 2px; top: 0px; height: auto; min-width: 29vw; max-width: 29vw; background-image: linear-gradient(30deg, #ffdb01 0%, #ff851f 30%, #ff3d3d 52%, #ff0f6f 70%, #f0f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .tiles{ left: 2px; top: 0px; height: auto; min-width: 39vw; max-width: 40vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animate 2s linear infinite; } .tableTOP{ position: absolute; top: 0%; left: 1%; min-height: 15vh; max-height: 175vh; min-width: 50vw; max-width: 500vw; z-index: 9; display: none; padding: 0px 5px 0px 5px; resize: horizontal; } table { overflow: auto; min-height: 5vh; max-height: 65vh; min-width: 8vw; max-width: 500vw; padding: 0px 5px 0px 5px; } } .party { position: absolute; min-height: 250vh; max-height: 550%; min-width: 100vw; max-width: 100%; top:-20px; gravity: -100; z-index: 0; } .fireworks { position: absolute; min-height: 150vh; max-height: 150%; min-width: 100vw; max-width: 100%; top:0%; gravity: -100; z-index: 3; display: none; } canvas { position: absolute; z-index: 0; }