.chat-container{--chat-color:var(--gray-800);background-color:var(--chat-color);color:var(--white);box-sizing:border-box;border-radius:8px;flex-direction:column;padding:20px 40px;line-height:1;display:flex;box-shadow:0 0 10px #0003}.chat-container h2{color:var(--white);margin-bottom:20px;font-size:2.5em}.chat-container a{color:var(--white);text-decoration-color:var(--white)}.chat-container p{line-height:1.5}.chatbubble-left,.chatbubble-right{--max-radius:calc(min(50vw, 50vh));color:var(--chat-color);background-color:var(--white);padding:calc(.05 * var(--max-radius)) calc(.1 * var(--max-radius));max-width:70%;margin:10px 0;font-size:4em;font-weight:600;transition:transform .3s;display:inline-block}.chatbubble-left{text-align:left;border-radius:var(--max-radius) var(--max-radius) var(--max-radius) 0;transform-origin:0 100%;align-self:flex-start}.chatbubble-right{text-align:right;border-radius:var(--max-radius) var(--max-radius) 0 var(--max-radius);transform-origin:100% 100%;align-self:flex-end}.chatbubble-left:hover{transform:rotate(-5deg)}.chatbubble-right:hover{transform:rotate(5deg)}.chatbubble-row{justify-content:space-between;gap:10px;margin:5px 0;display:flex}@media (width<=768px){.chat-container{padding:20px}.chat-container h2{font-size:1.8em}.chatbubble-left,.chatbubble-right{font-size:3em}}#clock{border-radius:100%;width:300px;height:300px;position:relative}#clock svg{animation:1s clockAnm;position:absolute}@keyframes clockAnm{0%{transform:rotate(40deg)}to{transform:rotate(0)}}.clock .centerPoint{width:20px;height:20px;margin:auto;position:absolute;inset:0}.clock .centerPoint .sui{background-color:var(--gray-700);transform-origin:bottom;border-radius:10px;width:20px;height:100px;position:absolute;top:-90px}#hour{background-color:var(--gray-800);height:80px;top:-70px;transform:rotate(90deg)}#hour:after{content:"";background-color:var(--gray-800);border-radius:100px;width:20px;height:30px;position:absolute;bottom:-10px}#minute{z-index:9!important}#minute:after{content:"";background-color:var(--gray-700);border-radius:100px;width:20px;height:30px;position:absolute;bottom:-10px}#second{background-color:#0000}#second:after{content:"";background-color:var(--gray-600);border-radius:100%;width:20px;height:20px;position:absolute;top:-28px}.cursor{pointer-events:none;grid-template-areas:"layer";place-items:center;font-size:1.5rem;display:grid;position:fixed;top:0;left:0;&>*{grid-area:layer}&,& *{will-change:transform}z-index:999;mix-blend-mode:difference;opacity:0;transition:opacity .15s;transform:translate(-50%,-50%);&.visible{opacity:1}}.cursor-outer{border:solid 2px var(--gray-800);width:1.25em;height:1.25em;transform:translate(calc(var(--lag-x) * 1px), calc(var(--lag-y) * 1px));backface-visibility:hidden;border-radius:50%}.cursor-inner{width:2em;height:2em;transform:translate(calc(var(--x) * 1px), calc(var(--y) * 1px)) scale(var(--lag-scale));backface-visibility:hidden;background:#fff;border-radius:50%}span.stroke{-webkit-text-stroke:2px black;-webkit-text-fill-color:transparent}@media (pointer:fine){html,html *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/%3E") 0 0,none!important}}.cursor.hidden{display:none}html::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}section{justify-content:space-between;align-items:center;gap:1em;height:100dvh;display:flex}canvas{width:100%;height:100dvh;display:block}.content{justify-content:center;align-items:center;width:80%;margin-left:10%;margin-right:10%;display:flex}.content.column{flex-direction:column}.left-content,.right-content{width:600px;min-width:500px;max-width:calc(40% - 1em)}.left-content{text-align:left;justify-content:flex-start;margin-left:10%}.right-content{text-align:right;justify-content:flex-end;margin-right:10%}.centerDiv{justify-content:center;align-items:center;display:flex}.partDiv{width:600px;max-width:calc(40% - 1em);position:relative}.clock-container{transform:translate(-100px)translateY(-50px)}.button-container{transform:translate(-68px)translateY(50px)}.left-align{text-align:left;align-self:flex-start;width:100%;margin-left:10%}.right-align{text-align:right;align-self:flex-end;width:100%;margin-right:10%}@media (width<=1280px){.content{width:calc(100% - 2em);margin:auto 1em}.left-content,.right-content{align-items:center;min-width:600px;margin:auto}section{height:fit-content;font-size:.8rem;display:block}.centerDiv{justify-content:center;align-items:center;width:100%;margin:2em 0}.partDiv{justify-content:center;align-items:center;width:100%;max-width:none;display:flex}.clock-container,.button-container{margin:2em;transform:translate(0)translateY(0)}.left-align{margin-left:20%}.right-align{margin-right:20%}}@media (width<=768px){.left-content,.right-content{min-width:90%}.clock-container{margin:0;scale:.6}.button-container{margin:0;scale:.8}}@media (width<=640px){.clock-container{display:none}}.link-button{border:2px solid var(--black);box-sizing:border-box;color:var(--white);cursor:pointer;float:right;letter-spacing:.05em;text-align:center;text-transform:none;user-select:none;background-color:#0000;border-radius:0;outline:none;margin:0;padding:1.25em 2em;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;position:relative;overflow:visible}.link-button:before{content:" ";background:var(--black);transform-origin:50%;width:1.5625rem;height:2px;transition:background .3s linear,width .3s linear;position:absolute;top:50%;left:1.5em;transform:translateY(-50%)}.link-button .text{text-align:left;text-transform:uppercase;color:#000;padding-left:2em;font-size:1.125em;line-height:1.33333em;text-decoration:none;transition:all .3s ease-in-out;display:block}.link-button .top-key{background:var(--background);width:1.5625rem;height:4px;transition:width .5s ease-out,left .3s ease-out;position:absolute;top:-3px;left:.625rem}.link-button .bottom-key-1{background:var(--background);width:1.5625rem;height:4px;transition:width .5s ease-out,right .3s ease-out;position:absolute;bottom:-3px;right:1.875rem}.link-button .bottom-key-2{background:var(--background);width:.625rem;height:4px;transition:width .5s ease-out,right .3s ease-out;position:absolute;bottom:-3px;right:.625rem}.link-button:hover{color:var(--white);background:var(--black);border-radius:1rem}.link-button:hover:before{background:var(--white);width:.9375rem}.link-button:hover .text{color:var(--white)}.link-button:hover .top-key{width:0;left:-2px}.link-button:hover .bottom-key-1,.link-button:hover .bottom-key-2{width:0;right:0}.quote-container{align-items:flex-start;width:100%;display:flex}.text-section{font-family:var(--default-font-family);color:var(--black);flex-direction:column;flex-grow:1;margin-top:1em;display:flex}.text-section.left{text-align:left}.text-section.right{text-align:right}.small-text{margin-bottom:5px;font-size:.8rem}.main-text{background:linear-gradient(to bottom, var(--black), var(--gray-500));-webkit-text-fill-color:transparent;background-clip:text;margin:0 10px;font-size:clamp(2rem,5vw + 1rem,5.5rem);font-weight:700;line-height:1}.main-text::selection{color:var(--white);background-clip:none;-webkit-background-clip:none;-webkit-text-fill-color:var(--white)}.unselectable-spaces:before{content:" ";user-select:none;width:20vw;display:inline-block}.line{background-color:var(--gray-700);width:100%;height:1px}.mid-text-container{flex-grow:0;justify-content:center;align-items:center;display:flex}@media (width<=1280px){.text-section{margin-top:.5em}.unselectable-spaces:before{width:10vw}}@media (width<=768px){.text-section{margin-top:0}}@media (width<=640px){.small-text{font-size:.6rem}}.type-container{flex-direction:column;justify-content:center;height:100%;display:flex}.txt-type{border-right:.2em solid var(--white);padding-right:.1em;animation:1.5s infinite blink}@keyframes blink{0%{border-color:var(--white)}50%{border-color:#0000}to{border-color:var(--white)}}