@property --clr-1{syntax: "<color>"; inherits: true; initial-value: yellow;}@property --clr-2{syntax: "<color>"; inherits: true; initial-value: rgb(86,157,86);}@property --clr-3{syntax: "<color>"; inherits: true; initial-value: cyan;}@property --clr-4{syntax: "<color>"; inherits: true; initial-value: magenta;}@property --clr-5{syntax: "<color>"; inherits: true; initial-value: red;}*{margin:0;padding:0}body{--surface: #1e1a20;background:var(--surface);overflow-x:hidden;line-height:1.5;min-height:100vh;padding-top:80px}body,h1,h2,h3,h4,h5,p,figure,picture{margin:0;color:#ffeded}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}.aboutContainer{--gradient-glow: var(--clr-1), var(--clr-2), var(--clr-3), var(--clr-4), var(--clr-5), var(--clr-1);border:2px solid transparent;border-radius:24px;background:linear-gradient(var(--surface),canvas) padding-box,conic-gradient(var(--gradient-glow),var(--gradient-glow)) border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:30px;min-height:auto;text-align:center;margin:5% 10%;padding:5vh 8vw;overflow:hidden;position:relative;isolation:isolate;animation:glow 30s infinite}@media(max-width:768px){.aboutContainer{margin:5%;padding:4vh 6vw;gap:20px}}@media(max-width:600px){.aboutContainer{margin:5%;padding:3vh 5vw;gap:15px}}@keyframes glow{50%{--clr-1: rgb(23, 140, 229);--clr-2: rgb(255, 42, 0);--clr-3: rgb(255, 255, 0);--clr-4: rgb(0, 255, 0);--clr-5: rgb(0, 255, 255)}}.aboutContainer:before,.aboutContainer:after{content:"";position:absolute;border-radius:inherit}.aboutContainer:before{z-index:-1;background:var(--surface, canvas);inset:.1rem;filter:blur(2rem)}.aboutContainer:after{z-index:-2;inset:-2rem;background:conic-gradient(var(--gradient-glow),var(--gradient-glow)) border-box;filter:blur(2rem);opacity:.5}.aboutImage{--logo-size: min(150px, 20vw);width:var(--logo-size);height:var(--logo-size);border-radius:50%;margin-bottom:10px;box-shadow:0 4px 15px #60b2c9;transition:width 2s,height 3s;animation:shadow 20s infinite}.aboutImage:hover{--logo-size: min(200px, 25vw)}.aboutImage:active{--logo-size: 0px}@media(max-width:600px){.aboutImage{--logo-size: min(120px, 25vw)}.aboutImage:hover{--logo-size: min(150px, 30vw)}}@keyframes shadow{50%{border-radius:10px;box-shadow:0 4px 15px #c960b2}}.webgl{position:fixed;top:0;left:0;outline:none}.section{display:flex;align-items:center;height:100vh;position:relative;color:#ffeded;text-transform:uppercase;font-size:7vmin;padding-left:10%;padding-right:10%}button.linktreeButton{background-color:#ffeded;border-radius:5px;padding:20px 30px;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease}button.linktreeButton:hover{background-color:#f9e400;color:#333;border-color:gold;transform:scale(1.2)}button.linktreeButton:active{transform:scale(.95)}@media(max-width:700px){button.linktreeButton{padding:10px 20px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}header{width:100%;background-color:#000;color:#fff;padding:20px 0;position:fixed;top:0;left:0;z-index:1000}.primary-navigation{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.primary-navigation li{margin:0 20px}.primary-navigation a{text-decoration:none;color:#fff;font-weight:700}.primary-navigation .active a{border-bottom:2px solid white}.modal{padding:1em;max-width:50ch;border:none;border-radius:8px;box-shadow:0 4px 15px #0003;background-color:#373737;color:#ccc;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal>*{margin:0 0 .5rem}@keyframes fadeInModal{0%{opacity:0;transform:translate(-50%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal[open]{animation:fadeInModal .5s ease-out}.modal form{width:100%;display:flex;flex-direction:column;gap:.5rem}.modal label{display:flex;flex-direction:column;font-weight:700}.modal textarea{padding:.5em;border:1px solid #ccc;border-radius:4px;resize:vertical;width:100%}.button{padding:.5em 1em;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.button:hover{background-color:#0056b3;transition:1s}.modal::backdrop{background:linear-gradient(45deg,#3d3d3d,#e1ff00);opacity:.5}