@font-face{font-family:"Dosis Bold";src:url("../font/Dosis-VariableFont_wght.ttf") format("truetype");font-weight:500;font-style:bold;font-family:"Dosis";src:url("../font/Dosis-VariableFont_wght.ttf") format("truetype");font-weight:500;font-style:normal}:root{--navbar-height: 0px;--white: rgb(240, 216, 229);--teal: rgb(148, 226, 213);--sky: rgb(137, 220, 235);--lavender: rgb(180, 190, 254);--lavender-10pct: rgba(180, 190, 254, 0.1);--lavender-30pct: rgba(180, 190, 254, 0.3);--text: rgb(205, 214, 244);--surface: rgb(49, 50, 68);--surface-30pct: rgba(49, 50, 68, 0.3);--surface-75pct: rgba(49, 50, 68, 0.75);--base: rgb(30, 30, 46);--base-30pct: rgba(30, 30, 46, 0.3);--base-60pct: rgba(30, 30, 46, 0.6);--base-80pct: rgba(30, 30, 46, 0.8);--base-90pct: rgba(30, 30, 46, 0.9);--crust: rgb(17, 17, 27);--crust-25pct: rgba(17, 17, 27, 0.25)}*{margin:0;padding:0;box-sizing:border-box;font-family:"Dosis",system-ui,"sans serif"}html{scroll-behavior:smooth;font-size:16px;font-family:"Dosis",system-ui,"sans serif";scrollbar-face-color:var(--white);scrollbar-base-color:var(--white);scrollbar-3dlight-color:var(--white);scrollbar-highlight-color:var(--white);scrollbar-track-color:var(--lavender);scrollbar-arrow-color:var(--lavender);scrollbar-shadow-color:var(--white)}html ::-webkit-scrollbar{width:.7rem;height:.2rem}html ::-webkit-scrollbar-button{background-color:var(--white)}html ::-webkit-scrollbar-button ::-webkit-scrollbar-track{background-color:var(--white)}html ::-webkit-scrollbar-button ::-webkit-scrollbar-track-piece{background-color:var(--lavender)}html ::-webkit-scrollbar-button ::-webkit-scrollbar-thumb{height:3rem;background-color:var(--white);border-radius:2rem}html ::-webkit-scrollbar-button ::-webkit-scrollbar-corner{background-color:var(--white)}html ::-webkit-scrollbar-button ::-webkit-resizer{background-color:var(--white)}body{margin:0;padding:0;overflow-x:hidden;overflow-y:auto;width:100%;min-height:100vh;display:flex;flex-direction:column}h1{color:var(--lavender);font-size:4rem;font-weight:800;text-align:center;margin-bottom:1rem;text-shadow:.25rem .25rem .375rem var(--lavender-30pct);text-transform:none}.navbar{position:fixed;display:flex;width:100vw;background-color:var(--crust);z-index:1000;border-radius:.2rem;padding:.5rem 1.5rem}.navbar .navbar-brand{padding:.5rem;color:var(--lavender);font-weight:700;font-size:1.75rem}.navbar .navbar-brand img{width:2rem;height:2rem;border-radius:50%;margin-right:.5rem}.navbar .nav-link{text-align:center;color:var(--teal);font-size:1.5rem;font-weight:500;text-decoration:none}.navbar .nav-link:hover{color:var(--sky);transform:scale(1)}.navbar .nav-link:hover::after{content:"";position:absolute;left:0;bottom:-0.3125rem;width:0;height:.25rem;border-radius:.625rem;background-color:var(--sky);animation:underline .5s cubic-bezier(0.51, 0.07, 0.27, 0.85) forwards}@keyframes underline{0%{width:0}100%{width:100%}}@media(max-width: 768px){.navbar{width:100%}.navbar .navbar-brand{padding-left:1rem}.navbar .nav-btn{width:100%;text-align:left}.navbar .nav-btn:hover::after{animation:none !important}.navbar #theme-toggle{position:static;margin-left:1rem;text-align:left}}.bg-container{background-image:url("../images/bg.webp");position:fixed;z-index:-1;inset:0;width:100%;height:auto;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.003)}.bg-container::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--base-90pct)}@media(max-width: 768px){.bg-container{width:100%;height:100%;left:0;transform:none;-o-object-fit:cover;object-fit:cover}}.socials-link{color:var(--teal)}.socials-link:hover{color:var(--sky)}#widget-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem;padding:2rem;width:100%;height:100%;margin:0 auto}.widget{background-color:var(--lavender-10pct);-webkit-backdrop-filter:brightness(1.2);backdrop-filter:brightness(1.2);border-radius:.5rem;padding:1.25rem;box-shadow:0 .5rem .75rem var(--crust);transition:transform .2s,box-shadow .2s}.widget h3{margin:0;font-size:1.5rem;text-decoration:none;color:var(--teal);font-weight:500;padding-bottom:.5rem}.widget:hover{transform:translateY(-0.3125rem);box-shadow:0 1rem 1.25rem var(--crust)}.widget .widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.widget .widget-header .title-container{display:flex;align-items:center;flex-grow:1}.widget .widget-header .widget-icon{width:1.5rem;height:1.5rem;margin-right:.625rem;-o-object-fit:contain;object-fit:contain}.widget .widget-header h2{margin:0;font-size:2rem;color:var(--lavender);text-decoration:none;font-weight:bold}.widget .widget-header .button-container{display:flex;justify-content:flex-start;align-items:center;gap:.625rem;margin-top:1rem}.widget .widget-header .follow-button{display:inline-block;padding:.5rem 1rem;font-size:1.25rem;white-space:nowrap;text-decoration:none;border-radius:3rem;transition:background-color .2s,transform .1s;color:var(--teal);background-color:var(--crust)}.widget .widget-header .follow-button:hover{color:var(--crust);background-color:var(--sky);transform:translateY(-0.25rem)}.widget p{margin:0 0 1rem 0;color:var(--text);font-weight:600}.widget .embed-content{display:flex}.widget .embed-content img,.widget .embed-content iframe{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}.widget .embed-content iframe{width:100%;aspect-ratio:16/9;border:none}.contact-section{background:var(--base-90pct);border-top:2px solid var(--lavender);padding:1.5rem 0;width:100vw;margin-left:calc(-50vw + 50%);text-align:center;margin-top:auto;position:relative;z-index:2}.contact-text{font-size:1.2rem;color:var(--text);margin-bottom:0;font-weight:500}.contact-link{color:var(--lavender);text-decoration:none;font-weight:600;transition:all .3s ease}.contact-link:hover{color:var(--sky);text-decoration:underline;transform:translateY(-1px)}@media(min-width: 62.5rem){#widget-container{grid-template-columns:repeat(4, 1fr)}.widget.size-1x1{grid-column:span 1;grid-row:span 1}.widget.size-1x2{grid-column:span 1;grid-row:span 2}.widget.size-2x1{grid-column:span 2;grid-row:span 1}.widget.size-2x2{grid-column:span 2;grid-row:span 2}}@media(max-width: 62.5rem){#widget-container{grid-template-columns:1fr}#widget-container h2{font-size:1.5rem}#widget-container h3{font-size:1.25rem}#widget-container p{font-size:1rem}}@media(max-width: 48rem){.navbar{padding:1rem}.navbar .navbar-brand{padding:0}.navbar .nav-link{font-size:1.25rem;padding-bottom:0;margin-bottom:0}.navbar .nav-link:hover::after{animation:none}.contact-section{padding:1rem 0;width:100vw;margin-left:calc(-50vw + 50%)}.contact-text{font-size:1rem}}