@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Libertinus+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}#root{width:100%;height:100%}html,body{height:100%}h1{font-optical-sizing:auto;font-style:normal}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}input:not([type=image i],[type=range i],[type=checkbox i],[type=radio i]){background:#fff}body{place-items:center;font-family:Fredoka,sans-serif;width:auto;background-repeat:no-repeat;background-size:10% 100%;background-position:center;font-weight:400;font-style:normal;justify-content:center;align-items:center;margin:0 20%}@media (max-width: 480px){body{margin:0}}body:before{display:block;content:"";position:fixed;inset:0;height:100%;width:100%;background:linear-gradient(red 0% 16.66%,orange 16.66% 33.33%,#ff0 33.33% 50%,green 50% 66.66%,#00f 66.66% 83.33%,violet 83.33% 100%) no-repeat;z-index:-1;pointer-events:none;filter:grayscale(1) contrast(.5) brightness(.5)}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;cursor:pointer;transition:border-color .25s;color:#000}button.post-button{background-color:#fff}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}}.loading-screen{display:flex;justify-content:center;align-items:center;height:100%}.loading-animation{height:50px;width:350px;display:flex;gap:10px}.loading-animation div{width:100%;height:100%;position:relative;animation:loading 1.2s infinite ease-in-out}.loading-animation div:nth-child(1){background:red;animation-delay:0s}.loading-animation div:nth-child(2){background:orange;animation-delay:.2s}.loading-animation div:nth-child(3){background:#ff0;animation-delay:.4s}.loading-animation div:nth-child(4){background:green;animation-delay:.6s}.loading-animation div:nth-child(5){background:#00f;animation-delay:.8s}.loading-animation div:nth-child(6){background:violet;animation-delay:1s}@keyframes loading{0%,40%,to{top:-10px}20%{top:10px}}.back{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='32' height='32'><path fill='%23000' d='M15.45,7L14,5.551V2c0-0.55-0.45-1-1-1h-1c-0.55,0-1,0.45-1,1v0.553L9,0.555C8.727,0.297,8.477,0,8,0S7.273,0.297,7,0.555L0.55,7C0.238,7.325,0,7.562,0,8c0,0.563,0.432,1,1,1h1v6c0,0.55,0.45,1,1,1h3v-5c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1v5h3c0.55,0,1-0.45,1-1V9h1c0.568,0,1-0.437,1-1C16,7.562,15.762,7.325,15.45,7z'/></svg>");background-repeat:no-repeat;background-position:1px 10px;background-size:20px;padding:9px 25px 0;margin:0 0 0 10px;position:absolute;top:0;left:0;color:#000}@media (max-width: 480px){.back{position:relative;top:7px;margin:0 10px}}.welcome .content{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;height:100vh}.welcome h1{font-family:Abril Fatface;line-height:clamp(16px,15vw,250px);font-size:clamp(16px,20vw,250px);padding:0;margin:0}.welcome .intro{font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(22px,3vw,45px);color:#fff;margin:30px 0 0;text-align:center}.welcome .instructions{font-family:Fredoka,sans-serif;font-size:clamp(19px,2vw,38px);color:#fff;margin:0 0 50px;text-align:center}.sign-in{background:#fff;font-size:clamp(16px,2vw,32px)}.ripple-composer{padding:10px;width:65%}@media (max-width: 480px){.ripple-composer{padding:20px 10px;margin:auto}}.ripple-composer form{width:100%;display:flex;align-items:center;flex-direction:column;align-content:space-between;justify-content:space-evenly;align-items:stretch;gap:5px}@media (max-width: 480px){.ripple-composer form{display:flex;align-items:center;flex-direction:column;align-content:space-between;justify-content:space-evenly;align-items:stretch;gap:5px}}input.ripple-composer__email{font-size:23px;color:#000;padding:8px}@media (max-width: 480px){input.ripple-composer__email{font-size:18px}}textarea.ripple-composer__textarea{width:100%;border:solid black 1px;padding:10px 0 0 15px;margin:0 0 0 -15px;font-family:Fredoka,sans-serif;font-size:23px;color:#000;height:40px;border:4px black solid;background:#fff;border-radius:10px}@media (max-width: 480px){textarea.ripple-composer__textarea{margin:0 0 0 -15px;font-size:20px;padding:5px 0 15px 11px}}.post__textarea::-webkit-input-placeholder{color:#000}.post__textarea:-moz-placeholder{color:#000}.post__textarea::-moz-placeholder{color:#black}.post__textarea:-ms-input-placeholder{color:#000}.post input{font-size:16px}.post button{float:right}nav{position:fixed;top:0;right:20px;display:none}nav a{display:block;color:#000}.timeline{width:100%;overflow:hidden}.timeline-content{margin:60px 0 40px}@media (max-width: 480px){.timeline-content{margin:20px 0 40px}}.timeline__post{position:relative;padding:0 0 50px;width:100%;clear:both;float:left}@media (max-width: 480px){.timeline__post{width:auto;text-align:center;display:flex;flex-direction:column;align-items:center;padding:0 0 50px;float:none}}.timeline__post__content{margin:0 0 10px}.timeline__post__content a{display:flex;width:60px;height:60px}@media (max-width: 480px){.timeline__post__content a{justify-content:center;margin:auto}}.timeline__post__content img{width:50px;border-radius:100%;border:5px solid black;position:relative;z-index:1}@media (max-width: 480px){.timeline__post__content img{position:absolute;z-index:-1}}.timeline__post__text{margin:0 0 10px;font-family:Abril Fatface;font-size:27px;line-height:28px;float:left;width:100%;text-transform:uppercase}.timeline__post__text:hover{color:transparent}.timeline__post__user{position:absolute;left:60px;z-index:0;font-family:Libertinus Mono,monospace;font-weight:400;font-style:normal;margin:3px 0 40px -22px;padding:0 10px 0 25px;background:#000;color:#fff;letter-spacing:-1px;top:13px;text-transform:capitalize;font-size:15px}@media (max-width: 480px){.timeline__post__user{position:absolute;left:50%;transform:translate(-50%,23px);padding:0 10px;margin:0}}.timeline__post_sent-to{font-family:Libertinus Mono,monospace;font-weight:400;font-style:normal;margin:0 0 25px -1px;padding:0 10px 3px;color:#fff;font-size:12px}.timeline__post__commentscontainewr{clear:both;width:100%;transform:translate(-20px,-20px)}@media (max-width: 480px){.timeline__post__commentscontainewr{float:none;padding:5px 0 0}}.timeline__post__like{position:relative;display:block;float:left;width:90px;height:115px;transform:translateY(10px)}@media (max-width: 480px){.timeline__post__like{transform:translate(40px,-15px)}}.timeline__post__like_count{position:absolute;top:17px;right:14px;color:#000;background:#fff;border-radius:100%;width:20px;text-align:center;height:20px}@media (max-width: 480px){.timeline__post__like_count{top:auto;bottom:13px;right:34px}}.timeline__post__like_button{position:relative;transform:translate(-30px,-16px);width:150px;height:150px;cursor:pointer}.timeline__post__like_button:after{display:block;position:absolute;top:37px;left:40px;z-index:-1;content:"";width:70px;height:70px;background:#fff;border-radius:100%}.timeline__post__like_button::hover:after{background:#d3d3d3}.timeline__post__combo_line_element{display:inline-flex;gap:24px;align-items:start;width:100%}@media (max-width: 480px){.timeline__post__combo_line_element.col-on-mobile{flex-direction:column;align-items:center;gap:0}}@media (max-width: 480px){.timeline__post__combo_line_element.tl .timeline__post__like{transform:translate(42px,-16px)}.timeline__post__commentscontainewr.tl{transform:translateY(-16px)}}.timeline__post__combo_line_element .timeline__post__commentscontainewr{transform:translateY(34px)}@media (max-width: 480px){.timeline__post__combo_line_element .timeline__post__commentscontainewr{width:273px;transform:translate(0)}}@media (max-width: 480px){.timeline__post__combo_line_element .timeline__post__commentscontainewr .timeline__post__comments{margin:20px 0 0}.timeline__post__combo_line_element .timeline__post__like{transform:translate(20px,-24px)}}@media (max-width: 480px){.timeline__post__combo_line_element .timeline__post__commentscontainewr .timeline__post__commentsform input{width:170px}}.timeline__post__comments{font-family:Fredoka,sans-serif;font-size:24px;font-weight:400;text-align:left;transform:translate(25px)}@media (max-width: 480px){.timeline__post__comments{margin:20px 45px 0;width:auto;transform:translate(0)}}.timeline__post__comment_text{padding:0;margin:0}.timeline__post__comment{color:#fff;display:flex;align-items:flex-start;gap:10px}.timeline__post__commentsform{margin:0 40px 20px;display:block;width:100%}@media (max-width: 480px){.timeline__post__commentsform{margin:0;width:100%}}.timeline__post__commentsform input{width:237px;border:solid black 1px;padding:10px 0 0 15px;margin:0 0 0 -15px;font-family:Fredoka,sans-serif;font-size:18px;color:#000;height:40px;border:4px black solid;background:#fff;border-radius:10px}@media (max-width: 480px){.timeline__post__commentsform input{width:217px}}.postcomment-button{background:#d3d3d3;border:none;transform:translate(10px,-5px)}.timeline__post__comment_profile{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile header img{float:left}.slab-line{font-weight:700;text-transform:uppercase;letter-spacing:-.02em}.rainbow{position:relative;color:transparent;background:linear-gradient(red 0% 16.66%,orange 16.66% 33.33%,#ff0 33.33% 50%,green 50% 66.66%,#00f 66.66% 83.33%,violet 83.33% 100%) no-repeat;background-size:109% 100%;background-position:0 0;background-attachment:fixed;background-clip:text;-webkit-background-clip:text;-webkit-mask-image:linear-gradient(white,white);mask-image:linear-gradient(#fff,#fff);-webkit-mask-composite:source-in;mask-composite:intersect}.rainbow-text{color:transparent;background:linear-gradient(red 0% 16.66%,orange 16.66% 33.33%,#ff0 33.33% 50%,green 50% 66.66%,#00f 66.66% 83.33%,violet 83.33% 100%) no-repeat;background-size:109% 100%;background-attachment:fixed;background-clip:text;-webkit-background-clip:text}.rainbow-shape{background:linear-gradient(red 0% 16.66%,orange 16.66% 33.33%,#ff0 33.33% 50%,green 50% 66.66%,#00f 66.66% 83.33%,violet 83.33% 100%) no-repeat;background-size:109% 100%;background-attachment:fixed;-webkit-mask-image:linear-gradient(white,white);mask-image:linear-gradient(#fff,#fff);-webkit-mask-composite:source-in;mask-composite:intersect}.word,.line{display:block;line-height:1.2;margin-bottom:5px}.slab-text-container{width:100%;margin:0 auto}.slab-text{display:flex;flex-wrap:wrap;justify-content:center;line-height:1.1;text-align:center;font-family:Abril Fatface,serif;max-width:100%}.slab-word{font-size:clamp(18px,6vw,48px);margin:0 .2em .2em 0;white-space:nowrap}.ripple-button-container{float:left;margin:21px 10px}@media (max-width: 480px){.ripple-button-container{margin:0 10px 30px 25px}}.ripple-button{background:#fff;width:200px;display:flex;border-radius:10px;align-items:center;line-height:13px;color:#000;padding:0 10px;text-transform:uppercase;font-size:16px;line-height:14px;text-align:left;font-weight:900}.ripple-button.large{font-size:19px;line-height:16px;width:230px}.ripple-button.large.keepitgoing{margin:0 0 20px}@media (max-width: 480px){.ripple-button.large.keepitgoing{margin:0 0 50px}}.ripple-button .ripple-animation svg{width:80px!important}.ripple-button__composer{font-size:22px;width:265px}@media (max-width: 480px){.ripple-button__composer{width:100%}}.ripple-button__composer .ripple-animation{width:100%;flex-basis:20%}.wave-ripple-animation{position:absolute;top:-15vw;left:0;width:clamp(1150px,100vw,100vw);z-index:-1;filter:grayscale(1) brightness(1)}@media (max-width: 480px){.wave-ripple-animation{top:0;width:100%}}@keyframes postFlash{0%{background-color:#7c3aed14}to{background-color:transparent}}h1.ripple-details-header{margin:20px 0 20px 30px;color:#fff;font-size:30px}@media (max-width: 480px){h1.ripple-details-header{margin:10px 0 20px;color:#fff;font-size:26px;text-align:center}}