::-webkit-scrollbar{display:none}body{background:#000}h1{display:flex;align-items:center;justify-content:center;text-align:center;font-size:4em;color:#ff8c00;overflow:hidden;margin:0;font-family:cute}.content{margin:.8% 1% 2%;position:relative;z-index:2;height:fit-content;display:flex;flex-direction:row;justify-content:space-between;border-radius:50px;background:purple}.left{position:relative;z-index:4;margin:3% 5% 0 3%;max-width:60%;height:fit-content}@keyframes leftrun{0%{opacity:1;transform:scale(1.3)}20%{opacity:.9;transform:scale(1.5)}40%{opacity:.8;transform:scale(1.7)}60%{opacity:.7;transform:scale(1.9)}80%{opacity:.6;transform:scale(2.1)}to{opacity:0;transform:scale(2.4)}}.leftrun{animation:leftrun .5s linear forwards}.right{max-width:30%;min-width:30%;margin:3% 2% 0 3%;font-family:cute;height:fit-content;padding:0 0 20px}h2{color:#c3d936;transform-style:preserve-3d;transform:rotateX(-16deg) rotate(-8deg);word-wrap:break-word}p{color:#41d936}.click-me{object-fit:cover;overflow:hidden;font-weight:bolder;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#d9d336;box-shadow:3px 15px 15px #d94936;border-radius:50%;height:10em;width:10em;margin:5% 2% 0 0;cursor:pointer;transform-style:preserve-3d;transition:.3s ease-in-out transform,.2s ease-in-out box-shadow}.click-me:hover{transform:translate3d(8px,-26px,10px) rotate(4deg);box-shadow:3px 6px 15px #d9a036,2px 7px 13px #d94e36}.note{position:relative;z-index:4;margin:1em 0;padding:1em 1em 1em 1.5em;background-color:#a036d9;overflow-y:hidden;border-radius:50px;width:fit-content;max-width:90%;box-shadow:inset 0 -10px 25px #8b008b,3px 5px 5px #38d936;font-family:cute;font-size:1.8em;transform:rotateX(8deg) rotate(4deg);transform-style:preserve-3d;transition:.7s ease-in-out transform,.6s ease-in-out box-shadow}.note:hover{transform:translate3d(8px,-26px,10px) rotateX(10deg) rotate(2deg);box-shadow:inset 0 -10px 25px #d9366f,3px 6px 15px #36d969,2px 7px 13px #36d9bb}@keyframes run{0%{transform:rotate(0) translate(0)}to{transform:rotate(360deg) translate(-200%)}}.noterun{animation:run 1s linear forwards}@media screen and (max-width: 700px){.note{position:relative;z-index:4;margin:1em 0;padding:.1em .3em .3em .5em;background-color:#a036d9;overflow-y:hidden;border-radius:50px;width:fit-content;max-width:80%;box-shadow:inset 0 -10px 25px #d9366f,3px 5px 5px #38d936;font-size:1.4em;transform:rotateX(2deg) rotate(1deg);transform-style:preserve-3d;transition:.7s ease-in-out transform,.6s ease-in-out box-shadow}.note:hover{transform:translate3d(8px,-26px,10px) rotateX(1deg) rotate(0);box-shadow:inset 0 -10px 25px #d9366f,3px 6px 15px #36d969,2px 7px 13px #36d9bb}.about{font-size:.5em}.left{position:relative;z-index:4;margin:3% 0 0 2%;max-width:75%}.right{max-width:20%;min-width:20%;margin:3% 10% 0 -2%;font-family:cute}.click-me{height:6em;width:6em}h2{font-size:.75em;overflow:hidden}.peep{font-size:.2em}.date{padding:0 0 5px 5px}h1{font-size:2em}}a{color:#d9a236;text-decoration:none}a:hover{color:#e18360;text-decoration:underline}a:visited{color:#36d9ce}.numbering{font-family:"60s";color:#20b2aa;position:relative;z-index:5;background:#369dd9;border-radius:50px;border:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1em;width:2em;height:2em;font-size:large;box-shadow:inset 0 -10px 25px #5636d9,0 5px 5px #36d93b;transform-style:preserve-3d;transition:.7s ease-in-out transform,.6s ease-in-out box-shadow,1.7s ease-in-out font-size}.numbering:hover{font-size:2em;transform:translate3d(8px,-26px,10px) rotateX(20deg) rotate(4deg);box-shadow:inset 0 -10px 25px #d9369d,3px 6px 15px #36d969,2px 7px 13px #36d9bb;cursor:crosshair}.todo{margin-left:.5em}.zoom{font-size:3em}.text{white-space:pre-wrap;font-size:.75em;margin-bottom:0}.peep{color:#36d9ce;font-size:.75em;margin-top:0;word-wrap:break-word;cursor:pointer}.peep:hover{text-decoration:underline}.date{color:#d9b336;overflow-y:hidden;text-wrap:wrap;width:100%;margin-bottom:0;font-size:.75em}.comments_counter{color:#d9366f}.about{width:90%;word-wrap:break-word}.loading{font-family:cute;animation:loading 15s ease-in-out infinite;font-size:x-small;position:fixed;bottom:0;right:30px;margin-left:30px;height:fit-content;text-shadow:none}@keyframes loading{0%{font-size:xx-small;bottom:0}80%{font-size:5em;transform:translate3d(-80px,-26px,10px),rotateX(-20deg),rotate(4deg);box-shadow:inset 2em 8em 1em #000,6em 3em 1em #000;background:purple;height:fit-content;bottom:25%}to{font-size:xx-small;bottom:0}}footer{margin:3em;font-family:cute}.login{z-index:3;position:relative;background-color:#d93836;color:#d9b836;border:hsl(99,68%,53%) solid 1px;margin-bottom:15px;border-radius:15px;box-shadow:inset 0 -10px 25px #5636d9,2px 6px 5px #36d93b,-1px -1px 5px #36d93b,inset 1px 1px 2px #36d93b,inset -1px -1px 2px #36d93b;font-family:cute;font-size:1em;padding:2px;width:5em;transform-style:preserve-3d;transition:.7s ease-in-out transform,.7s ease-in-out box-shadow}.login:hover{box-shadow:inset 0 -10px 25px #5636d9,3px 6px 15px #36d969,2px 7px 13px #36d9bb,inset 1px 1px 2px #36d93b,inset -1px -1px 2px #36d93b;transform:scale(10);cursor:pointer}.zap{z-index:3;color:#36d9bb;margin:10px 0 15px;border:none;background:none;border-radius:15px;align-self:center;justify-self:center;font-family:Papyrus;font-size:.7em;padding:5px;width:fit-content;position:relative;cursor:pointer;transform-style:preserve-3d;transition:.3s ease-in-out transform}.zap:hover{animation:zapEffect .1s infinite alternate;cursor:pointer}@keyframes zapEffect{0%{transform:scale(1) rotate(0) skewY(0) skew(0)}25%{transform:scale(1.1) rotate(2deg) skewY(1deg) skew(1deg)}50%{transform:scale(1.2) rotate(-2deg) skewY(-1deg) skew(-1deg)}75%{transform:scale(1.1) rotate(1deg) skewY(-5deg) skew(5deg)}to{transform:scale(1) rotate(0) skewY(0) skew(0)}}.notez{display:inline-block;position:relative;z-index:4;border-radius:20px;max-width:95%;height:auto;box-shadow:inset 0 -5px 12px #d9366f,3px 5px 5px #38d936;font-family:cute}.close{cursor:pointer;font-family:Papyrus;font-size:4em;padding:0;color:#d9366f}.tooltip{position:fixed;display:inline-block;color:#000;padding:5px;border-radius:5px;z-index:9999;pointer-events:none;transition:opacity .1s}.peep:hover:after,.about:hover:after{content:attr(title);display:inline;position:absolute;top:50%;left:40%;transform:translate(-20%);white-space:nowrap;color:#000;font-size:7em;padding:5px;border-radius:5px;z-index:9999;opacity:.6}.qr-code{width:fit-content;height:auto;overflow:auto}.paymentRequest{color:#5636d9;font-size:xx-small;background:#000}nav{font-family:Verdana,Geneva,Tahoma,sans-serif;display:flex;justify-content:space-around}
