*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--isabelline:#f4f3ee;--eerie-black-light:#232323;--eerie-black-dark:#181818;--keppel:#16bba0;--cerulean:#008ead;--eerie-black-extra-dark:#121212;--cerulean-dark:#00576b;--cerulean-extra-dark:#004757;--link-color:#7888ff;--eerie-black-light-half:#23232380;scroll-behavior:smooth}body{background-color:var(--eerie-black-extra-dark);min-height:100dvh;color:var(--isabelline);flex-direction:column;display:flex}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}p{font-size:12px}a{color:var(--link-color)}img{object-fit:cover;border-radius:.3125rem;width:100%}header{z-index:10;background:linear-gradient(#121212 0%,#121212e6 10%,#121212b3 50%,#12121200 100%);width:100%;position:fixed;top:0;overflow:hidden}header *{height:44px;display:inline-flex}header a,header p{align-items:center;padding:15px;font-size:14px}header a{color:var(--isabelline);text-decoration:none;transition:color .1s}header a:hover{color:var(--keppel)}header a:active{color:var(--cerulean-dark)}header a[aria-current=page]{color:var(--cerulean)}header svg,header p{vertical-align:middle}header p{background:linear-gradient(90deg,#7888ff 0%,#16bba0 16.6%,#7888ff 33.3%,#16bba0 50%,#7888ff 66.6%,#16bba0 83.3%,#7888ff 100%) 0 0/400% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:20s ease-in-out infinite ripple}@keyframes ripple{0%{background-position:0%}to{background-position:100%}}#menu-btn{display:none}.menu-icon{cursor:pointer;display:none}main{flex:1;grid-template-columns:15% repeat(10,1fr) 15%;gap:1rem;padding-top:2.75rem;padding-bottom:.625rem;display:grid}main>*{grid-column:2/12}main>section{flex-direction:row;display:flex}main>.reverse{flex-direction:row-reverse}main>.full{flex-direction:column;width:100%}main>section>*{width:50%;padding:3em}main>.full>*{text-align:center;width:100%;padding:1em}footer{background-color:var(--eerie-black-light);border-top:1px solid var(--isabelline);align-items:center;height:44px;display:flex;position:relative;overflow:hidden}footer>section{align-items:center;height:100%;display:flex}footer>section:first-child{flex:none;position:absolute;bottom:0;left:0}footer a,footer svg{height:44px}footer svg{cursor:pointer;padding:6px}footer>section:nth-child(2){flex-direction:column;flex:1;justify-content:center;gap:.4em}footer>section:nth-child(2) p{text-align:center;font-size:.75rem}footer>section:last-child{position:absolute;bottom:0;right:0}@media (width<=1600px){main>section>*{padding:2em}}@media (width<=1080px){main{grid-template-columns:10% repeat(10,1fr) 10%}main>section>*{padding:1em}}@media (width<=768px){main{grid-template-columns:5% repeat(10,1fr) 5%}main>section>*{padding:.5em}header p{display:none}}@media (width<=480px){header,header nav{transition:max-height .3s ease-in-out}header{background-color:var(--eerie-black-extra-dark);border-bottom:1px solid var(--isabelline);max-height:2.75rem}header nav{flex-direction:column;width:100%;height:176px;max-height:0;display:flex;overflow:hidden}header a{justify-content:center;width:100%;padding:15px;display:flex}header a:hover{color:var(--isabelline)}header a:active{color:var(--isabelline);text-decoration:underline}header:has(#menu-btn:checked){max-height:220px}header:has(#menu-btn:checked) nav{max-height:220px}main{grid-template-columns:2% repeat(10,1fr) 2%;gap:0}main section,main .reverse{flex-direction:column}main>section>*{width:100%;margin-top:.625rem}.menu-icon{vertical-align:middle;width:2.75rem;height:2.75rem;display:inline-block;position:absolute;right:0}.menu-icon>span{background-color:var(--isabelline);border-radius:.125rem;width:2.375rem;height:.25rem;transition:all .1s ease-in-out;position:absolute;left:.1875rem}.menu-icon>span:first-child{top:.5rem}.menu-icon>span:nth-child(2){top:1.25rem}.menu-icon>span:nth-child(3){top:2rem}header:has(#menu-btn:checked) .menu-icon>span:first-child{top:1.25rem;transform:rotate(45deg)}header:has(#menu-btn:checked) .menu-icon>span:nth-child(2){opacity:0}header:has(#menu-btn:checked) .menu-icon>span:nth-child(3){top:1.25rem;transform:rotate(-45deg)}}.line{background-color:var(--isabelline);height:.1875rem;box-shadow:0 0 .0625rem var(--isabelline);border-radius:100%;grid-column:3/11;justify-content:center;align-items:center;margin:.625rem 0;display:flex}.line>p{background-color:var(--eerie-black-extra-dark);padding:0 .3125rem}#about ul{padding:0}#about li{padding:10px;font-size:1.2em;list-style-type:none}#rel-ex h2{text-align:center;width:100%;margin:.5em 0}#rel-ex ul{width:65%;margin:0 auto;padding:0;position:relative}@media (width<=768px){#rel-ex ul{width:85%}}@media (width<=480px){#rel-ex ul{width:100%}}#rel-ex ul:before{content:"";background:var(--keppel);z-index:1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}#rel-ex li{z-index:2;flex-direction:row;justify-content:space-between;margin:2em 0;display:flex;position:relative}#rel-ex li:before{content:"";background:var(--cerulean);z-index:3;border-radius:50%;width:.8em;height:.8em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#rel-ex ul :nth-child(odd){flex-direction:row-reverse}#rel-ex ul :nth-child(2n){flex-direction:row}#rel-ex li :first-child{color:var(--keppel)}#rel-ex li>p{text-align:center;justify-content:center;align-items:center;width:50%;display:flex}#rel-ex ul>:nth-child(2n)>:first-child{text-align:right;justify-content:right;margin-right:2em}#rel-ex ul>:nth-child(odd)>:first-child{text-align:left;justify-content:left;margin-left:2em}#rel-ex ul>.arrow{z-index:2;flex-direction:column;align-items:center;width:0;height:0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.arrow :first-child{background-color:var(--keppel);width:2px;height:1em}.arrow :nth-child(2),.arrow :nth-child(3){background-color:var(--keppel);width:.75em;height:2px;position:absolute;top:-2px}.arrow :nth-child(2){transform-origin:100% 0;right:100%;transform:rotate(-45deg)}.arrow :nth-child(3){transform-origin:0 0;left:100%;transform:rotate(45deg)}