:root{--font-title: "Noto Sans", "Avenir", sans-serif;--font-secondary-title: "Noto Sans", sans-serif;--font-text: "Noto Sans", sans-serif;--banner-size: 600px;--max-content-width: 1300px;--header-size: 80px}body{--banner-background: #0e4486;--main-background: white;--header-background: #162b5d;--title-color: #333;--accent-title-color: #476fc3;--paragraph-color: #444;--background-highlight: #eaedf2;--off-background-highlight: #dde1e9;--primary-button-background: #2362e9;--secondary-button-background: #dfe3ea;--secondary-button-hover-background: #ebeff5;--secondary-button-color: #444;--secondary-button-hover-color: #333;--hr-color: rgb(198, 208, 218);--loader-placeholder: hsla(222, 62%, 23%, .1);--shadow-elevation-1: 0px 5px 8px -1px rgba(0, 17, 79, .1);--shadow-elevation-2: 0px 8px 12px -2px rgba(0, 17, 79, .15);--shadow-elevation-3: 0px 10px 15px -3px rgba(0, 17, 79, .2)}.dark-mode{--banner-background: #0e4486;--main-background: #1e202b;--header-background: #162b5d;--title-color: rgba(255, 255, 255, .87);--accent-title-color: #5287d0;--paragraph-color: rgba(255, 255, 255, .6);--background-highlight: #14161e;--off-background-highlight: #1f212b;--primary-button-background: #2362e9;--secondary-button-background: #373b46;--secondary-button-hover-background: #505367;--secondary-button-color: #ccc;--secondary-button-hover-color: #eee;--thumbnail-overlay-color: rgba(18, 25, 44, .469);--hr-color: var(--main-background);--loader-placeholder: rgba(255, 255, 255, .1);--shadow-elevation-1: 0px 0px 0px 1px rgba(210, 216, 241, .15);--shadow-elevation-2: 0px 0px 0px 1px rgba(210, 216, 241, .2);--shadow-elevation-3: 0px 0px 0 2px rgba(207, 210, 224, .298)}.content-wrapper{display:grid;grid-template-columns:[full-start] 1fr [content-start] var(--max-content-width) [content-end] 1fr [full-end];animation:float-up .5s ease-out}.content-wrapper>:not(.full){grid-column:content}.content-wrapper>.full{grid-column:full;display:grid;grid-template-columns:inherit}.full>*{grid-column:content}.scroll-fade-in{animation:zoom-fade-in linear both;animation-timeline:view(block);animation-range:cover 0% entry 100%}h1{font-family:var(--font-title);color:var(--title-color)}h2{font-family:var(--font-secondary-title);font-size:30px;color:var(--title-color)}h3{font-family:var(--font-secondary-title);color:var(--title-color)}p{color:var(--paragraph-color);line-height:1.5}li{color:var(--paragraph-color);list-style:none}ul{padding:0}.icon{color:var(--paragraph-color)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:var(--header-size)}.effects{width:100vw;height:100vh;position:fixed;z-index:10;pointer-events:none}body{height:100vh;overflow-x:hidden;overflow-y:auto;font-family:var(--font-text)}main{background-color:var(--main-background);row-gap:60px;z-index:1;position:relative;padding-top:20px}.secondary-button{width:fit-content;padding:15px 20px;border-radius:15px;align-self:center;font-size:16px;color:var(--secondary-button-color);background:var(--secondary-button-background);border:none;cursor:pointer}.secondary-button:hover{width:fit-content;padding:15px 20px;border-radius:15px;font-size:16px;color:var(--secondary-button-hover-color);background:var(--secondary-button-hover-background);border:none}.sub-sections{display:flex;flex-direction:column;gap:100px}section{gap:30px 0;padding:80px 0}section.secondary{background-color:var(--main-background)}section.primary{background-color:var(--background-highlight)}.section-title{font-size:30px;color:var(--accent-title-color);width:100%}.two-column{display:flex;align-items:center;gap:40px;justify-content:space-between}.reverse{flex-direction:row-reverse}.two-column .info{display:flex;gap:25px;padding:30px;max-width:500px;flex-direction:column}.two-column .info h2{font-size:38px}.two-column .info p{font-size:18px;text-align:justify}.two-column .media{aspect-ratio:16/9;border-radius:20px;max-width:calc(50% - 40px);overflow:hidden}.two-column .media video{width:100%;height:100%;transform:scale(1.01)}.two-column .media img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}@media (max-width: 1450px){:root{--max-content-width: 90vw}.two-column .info h2{font-size:35px}}@media (max-width: 1050px){.two-column{flex-direction:column-reverse;align-items:baseline;max-width:750px;align-items:center;margin:auto;gap:0}.two-column .media{max-width:600px}.two-column .info{max-width:100%;padding:30px 0}.sub-sections .two-column.reverse{flex-direction:column-reverse}}@media (max-width: 750px){.info{padding:0}}@keyframes float-up{0%{transform:translateY(500px);opacity:.5}}@keyframes hamburger-fade-in{0%{transform:translate(-122px) scaleY(.5) scaleX(8)}to{transform:none}}@keyframes zoom-in{0%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes zoom-fade-in{0%{opacity:0;transform:scale(.7)}}.up-button.svelte-iryqjf{position:fixed;bottom:50px;right:max(calc(50% - 750px),50px);background-color:var(--main-background);box-shadow:var(--shadow-elevation-3);z-index:4;width:70px;aspect-ratio:1;font-size:20px;border:none;border-radius:50%;animation-duration:.4s;animation-timing-function:cubic-bezier(.075,.82,.165,1);transition:transform .3s;cursor:pointer;visibility:hidden;color:var(--paragraph-color)}.up-button.svelte-iryqjf.fade-in{animation-name:svelte-iryqjf-fade-in}.up-button.svelte-iryqjf.fade-out{animation-name:svelte-iryqjf-fade-out}.up-button.svelte-iryqjf:hover{transform:translateY(-5px);color:var(--title-color)}@media (max-width: 800px){.up-button.svelte-iryqjf{bottom:40px;right:40px;width:60px;font-size:18px}}@media (max-width: 500px){.up-button.svelte-iryqjf{bottom:30px;right:30px;width:50px;font-size:15px}}@media (max-width: 400px){.up-button.svelte-iryqjf{bottom:20px;right:20px;width:50px;font-size:15px}}@keyframes svelte-iryqjf-fade-in{0%{transform:scale(0)}}@keyframes svelte-iryqjf-fade-out{to{transform:scale(0)}}.page-wrapper.svelte-plegd9{min-height:100vh;position:relative;background-color:var(--background-highlight)}.note.svelte-plegd9{background-color:#bc5d26;width:100%;position:fixed;bottom:0;z-index:500;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;gap:20px;padding:10px;text-align:center}
