:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-image:linear-gradient(to right,#ac19ac 30%,#ee1b1b);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:gradientAnimation 10s ease infinite;margin:0;background-size:200% 200%}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root::selection{color:#ff0;background-color:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}form{display:flex;flex-direction:column;align-items:center}input{padding:10px;width:20vw;margin:10px}nav{display:flex;align-items:center;justify-content:center}ul{list-style:none;display:flex;flex-direction:row;gap:20px}li{width:100%;text-align:center}.logout-btn{padding:5px 5px 10px!important}a,.logout-btn{text-decoration:none;font-size:1.2rem;font-weight:700;color:#fff;transition:color .3s ease-in-out,transform .2s;display:block;padding:10px;border-radius:8px;border:none;cursor:pointer;background:transparent}a:after,.logout-btn:after{content:"";position:absolute;left:0;bottom:5px;width:0;height:2px;background-color:#ff0;transition:width .3s ease-in-out}a:hover:after,.logout-btn:hover:after{width:100%}a:hover,.logout-btn:hover{color:#fff;transform:scale(1.05)}a:active{color:#ff0}section#about{max-width:70%;margin:auto;border:solid 1px white;border-radius:20px;padding:0 0 0 30px}section#about p{font-size:large}section#login{max-width:70%;margin:auto auto 50px}section#emotions{margin:auto;max-width:70%;padding-left:30px;padding-top:5px;padding-bottom:35px;border:1px solid white;border-radius:20px}#bigText{font-size:11rem;text-align:center;color:transparent;background-image:url(/assets/bg-B62CsTdK.jpg);background-size:stretch;background-clip:text;-webkit-background-clip:text;padding-bottom:19px;animation:moveBackground 30s infinite linear}@keyframes moveBackground{0%{background-position:0 30%}50%{background-position:100% 0}to{background-position:0 -30%}}.emoji-container{display:flex;gap:10px;justify-content:center;margin-top:15px}.emoji{font-size:2rem;background:none;border:none;cursor:pointer;transition:transform .2s ease-in-out}.emoji:hover{transform:scale(1.2)}#login{position:relative;padding:10px;color:#fff;background-color:transparent;border:1px solid white;border-radius:20px;text-decoration:none;transition:all .3s ease-in-out;animation:border infinite ease-in}#login{animation:border 2s infinite ease-in}@keyframes border{0%{border:1px solid white;box-shadow:0 0 5px #fff}50%{border:1px solid black;box-shadow:0 0 5px #000}to{border:1px solid white;box-shadow:0 0 5px #fff}}.bubble-container{position:fixed;bottom:0;left:0;right:0;z-index:10;pointer-events:none}.bubble{position:absolute;bottom:0;border-radius:50%;animation:riseAndPop 3s ease-in-out infinite}@keyframes riseAndPop{0%{transform:translateY(0);opacity:.8}50%{transform:translateY(-200px);opacity:.6}to{transform:translateY(-250px);opacity:0}}.body{width:80vw;display:flex;flex-direction:column;align-items:center;position:relative;margin:0 auto}iframe{border-radius:2px}.community-container{max-width:80vw;margin:auto;color:#fff}.community-container h1{margin:20px auto;font-size:3rem}body{width:80vw;display:flex;justify-content:center}.post-form{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;background:#222;padding:15px;border-radius:8px;width:30vw}.post-form textarea{width:90%;height:80px;padding:8px;border-radius:5px;border:2px solid white;background:#333;color:#fff;resize:none;margin:5px auto}.post-form button{padding:8px;background:#4caf50;color:#fff;border:none;cursor:pointer}.posts{margin-top:30px}.post{background:#222;padding:15px;margin-bottom:15px;margin-top:30px;border-radius:8px;border:2px solid white}.post-header{display:flex;align-items:center;gap:10px}.post-header div small{position:relative;top:-20px}hr{width:90%}.pfp{width:50%;height:200px;border:2px solid white;border-radius:10%}button{margin-top:5px;padding:5px;border:none;cursor:pointer}img{margin:auto}.container{justify-content:center;align-items:center;display:flex;flex-direction:column}.curContain{position:fixed;width:40px;height:40px;rotate:45deg;border:2px solid #ffcc00;left:0;transform:translate(-70%);pointer-events:none;transition:width .25s,height .5s}.curContain.large{height:70px;width:70px;transition:.1s;rotate:-45deg;transform:translateY(-70%);border-radius:50px!important;opacity:.1;background-color:#fff;border:none;z-index:0}.selected{background-color:transparent;position:fixed;z-index:1100;border-radius:50px;border:3px #ffcc00 solid;pointer-events:none;transition:.1s}.cursor{width:10px;height:10px;position:fixed;background-color:#fc0;z-index:1100;border-radius:50%;pointer-events:none}.displayNone{display:none}@media (max-width: 768px){body{cursor:auto}}.roots{max-width:80vw;margin:0 auto}:root{display:flex;justify-content:center}