@import "https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";:root{--blue:#0226a8;--blue-opaque:#0226a830;--dark-blue:#010519;--white:#f5f8ff;--pale-blue:#9ab0fe;--solo-blue:#0339fc;--paragraph-blue:#3863ff;--link:#312ed1}html{font-size:22px}body{margin:0;padding:0}body,button{font-optical-sizing:auto;color:var(--white);background-color:var(--dark-blue);font-family:Onest,sans-serif;font-size:1rem;font-style:normal;font-weight:400}button{background-color:var(--blue);border:none;border-radius:10px;padding:.5rem;transition:color .3s}button:hover{background-color:var(--pale-blue);color:var(--blue);cursor:pointer}@keyframes slideDown{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}.switch-language-button{justify-content:center;margin:0;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards slideDown;display:flex}.switch-language-button button{border-radius:999999px;padding:15px 25px;font-size:.7em}@media (width<=450px){.switch-language-button button{padding:10px 20px;font-size:3vw}}.heading-wrapper{flex:1;justify-content:center;display:flex}.heading{text-align:center;flex-direction:column;align-items:center;max-width:32rem;margin-bottom:1.5rem;display:flex}.heading h1{margin:0;font-size:2.3rem}#heading-longer{display:block}#heading-shorter{display:none}.heading p{color:var(--pale-blue);margin:.35rem 0 0}.row-or-column{flex-direction:row;align-items:center;display:flex}.center{flex-direction:column;justify-content:center;align-items:center;display:flex}.hide{display:none}@media (width<=1200px){body,button{font-size:.95rem}}@media (width<=850px){body,button{font-size:.8rem}}@media (width<=500px){body,button,h1{font-size:.7rem}#heading-longer{display:none}#heading-shorter{display:block}}@media (width<=330px){body,button{font-size:.6rem}}a{color:var(--white);text-decoration:none}p.blue-link a{color:var(--paragraph-blue)}a:hover,p.blue-link a:hover,#navMenu:hover{color:var(--pale-blue);cursor:pointer;transition:color .3s}.content-margin{margin-top:90px}.margin-wrapper{background-color:none;margin-top:6em;margin-left:240px;margin-right:240px}@media (width<=1400px){.margin-wrapper{margin-left:5%;margin-right:5%}}#navLogo{width:auto;height:2em}.nav-wrapper{z-index:1000;background-color:var(--blue);border-radius:85px;flex-direction:row;justify-content:space-between;align-items:center;margin-top:2%;margin-left:240px;margin-right:240px;padding-left:1.5vw;padding-right:2.5vw;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 30px #0006}.nav-wrapper.nav-hidden{transform:translateY(-150%)}.nav{flex-direction:row-reverse;align-items:center;gap:3vw;display:flex}.showDropdownMenu{flex-direction:column-reverse;display:flex;position:fixed;top:1px}@media (width<=330px){.showDropdownMenu{top:30px}}.dropdownMenuWrapper{justify-content:right;display:flex}#dropdownMenu{background-color:var(--blue);z-index:9999;padding:3%;display:none;position:fixed;top:40px;right:0}#dropdownMenu.open{flex-direction:column-reverse;display:flex}@media (width<=100000000px){.navbarLink{display:inline}#navMenu{display:none}}@media (width<=1400px){.nav-wrapper{margin-left:5%;margin-right:5%}}@media (width<=500px){.nav-wrapper{border-radius:0;max-width:100%;margin:0;top:0;left:0;right:0}.navbarLink{display:none}#navMenu{display:inline}h1{font-size:1.5rem}}button{font-size:.8rem}@media (width<=1249px){button{font-size:.7rem}}@media (width<=760px){button{font-size:.65rem}}.row-or-column{justify-content:space-between;align-items:center;display:flex}.welcome{max-width:30rem}.raccoonWrapper{flex:1;justify-content:flex-end;align-items:center;display:flex}.homepage-wrapper{margin-top:calc(2vw + 3.8rem)}@media (width<=500px){.homepage-wrapper{margin-top:3.2rem}}.homepage-content{flex-direction:column;gap:.8rem;display:flex}.greeting{text-align:left;font-size:2.5rem}.raccoon{background-color:var(--white);border-radius:3vw;width:auto;height:10vw;padding:1vw}.button-link{background-color:var(--blue);border:none;border-radius:999999px;justify-content:center;align-items:center;padding:10px 20px;font-size:.8rem;transition:color .3s;display:inline-flex}.button-link:hover{background-color:var(--pale-blue);color:var(--blue)}.socials-tray{white-space:nowrap;align-items:center;gap:3vw;margin-top:1vw;display:flex}.socials-tray1{align-items:center;gap:3vw;display:flex}.social{color:var(--solo-blue);transition:color .3s}.social:hover{color:var(--pale-blue)}@media (width<=1249px){.welcome{max-width:20rem}.raccoon{height:12vw}}@media (width<=1125px){.raccoon{height:18vw}.socials-tray1{gap:5vw;font-size:20px}}@media (width<=720px){.greeting{text-align:center}.welcome{text-align:center;max-width:none}.socials-tray{justify-content:center}.row-or-column{flex-direction:column-reverse}.raccoonWrapper{margin-top:8vw}.button-link{font-size:12px}}@media (width<=410px){.greeting{font-size:1.5rem}}.projects-grid{flex-direction:column;gap:1.5rem;width:100%;margin-bottom:30px;display:flex}.project-box{background-color:var(--blue-opaque);cursor:default;border-radius:1.5rem;gap:1.5rem;padding:1rem;transition:transform .2s,background-color .2s;display:flex}.project-box:hover{transform:translateY(-2px)}.project-cover{object-fit:cover;border-radius:1rem;flex-shrink:0;width:140px;height:140px}.projects-title{margin-bottom:2rem}.project-info{flex-direction:column;justify-content:center;width:100%;display:flex}.project-top{align-items:center;gap:1rem;display:flex}.project-title{margin:0;font-size:1.4rem;font-weight:600}.project-description{color:var(--pale-blue)}.project-actions{flex-wrap:wrap;gap:.75rem;margin-top:auto;display:flex}.project-button{border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.2rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.project-button:hover{transform:translateY(-2px)}.github-button{background-color:var(--dark-blue);color:var(--white)}.github-button:hover{background-color:var(--white);color:var(--dark-blue)}.open-button{background-color:var(--blue);color:var(--white)}.open-button:hover{background-color:var(--pale-blue);color:var(--blue)}.project-button i{font-size:1.1rem}.project-profile{background-color:var(--blue);border-radius:40px;flex-direction:column;justify-content:center;width:fit-content;padding:20px;display:flex}.project-logo{object-fit:cover}.project-name{justify-content:flex-start;display:flex}@media (width<=720px){.project-box{flex-direction:column}.project-cover{width:100%;height:220px}.project-top{flex-direction:column;align-items:flex-start}.project-title{font-size:1.2rem}.open-button{padding:.5rem 1.5rem}.github-text{display:none}.github-button{aspect-ratio:1;padding:.5rem .75rem}}img{width:300px;height:auto}h1{text-align:center}button{border-radius:999999px;margin-bottom:60px}@media (width<=500px){img{width:50vw}button{margin-bottom:30px}}.blog-page{width:100%}.blog-title{margin-bottom:2rem}.blog-posts{flex-direction:column;gap:1.5rem;margin-bottom:30px;display:flex}.blog-post-tab{background-color:var(--blue-opaque);cursor:pointer;border-radius:1.5rem;gap:1.5rem;padding:1rem;transition:transform .2s;display:flex}.blog-post-tab:hover{transform:translateY(-2px)}.blog-cover{object-fit:cover;border-radius:1rem;flex-shrink:0;width:140px;height:140px}.blog-post-info{flex-direction:column;justify-content:center;display:flex}.blog-post-title{margin:0}.blog-post-description{color:var(--pale-blue)}.article-page{max-width:850px;margin:0 auto}.article-title{text-align:start;margin-bottom:1rem}.article-cover{border-radius:1.5rem;width:100%;margin-bottom:2rem}.article-content{line-height:1.8}.article-content img{border-radius:1rem;width:100%;margin:1.5rem 0}.article-content small{text-align:center;color:var(--pale-blue);margin-top:-1rem;margin-bottom:1.5rem;display:block}.article-content code{background-color:var(--blue-opaque);border-radius:.3rem;padding:.2rem .4rem}.article-content video{width:90vw}.article-side-note{background-color:var(--blue-opaque);border-radius:20px;padding:2vw}.article-side-note h3{margin:0 0 12px}.article-content a{color:var(--paragraph-blue);text-decoration:none;transition:color .3s}.article-content a:hover{color:var(--pale-blue)}.blog-post-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.3rem;display:flex}.blog-category{background-color:var(--blue);letter-spacing:.08em;max-width:fit-content;color:var(--white);border-radius:999px;margin:0;padding:.35rem .8rem;font-size:.65rem;font-weight:700}.blog-date,.article-date{color:var(--pale-blue);font-size:.8rem}.blog-date{margin-bottom:10px}.article-date{margin-bottom:2.5rem}@media (width<=720px){.blog-post-tab{flex-direction:column}.blog-cover{width:100%;height:220px}}.links-page{width:100%;padding-bottom:2rem}.social-tiles{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.8rem;display:flex}.social-link{background-color:var(--blue-opaque);border:1px solid #9ab0fe38;border-radius:999px;align-items:center;gap:.7rem;max-width:100%;min-height:3.2rem;padding:0 1.1rem 0 .35rem;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.social-link:hover,.social-link:focus-visible{color:var(--white);background-color:var(--blue);border-color:var(--pale-blue);transform:translateY(-2px)}.social-link:focus-visible{outline:3px solid var(--pale-blue);outline-offset:3px}.social-icon{width:2.5rem;height:2.5rem;color:var(--link);background-color:var(--pale-blue);border-radius:50%;flex:0 0 2.5rem;justify-content:center;align-items:center;display:inline-flex}.social-icon i{font-size:1.15rem}.social-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.social-name{font-weight:700}.social-handle{color:var(--pale-blue);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.social-link:hover .social-handle,.social-link:focus-visible .social-handle{color:var(--white)}@media (width<=550px){.links-heading h1{font-size:1.7rem}.social-tiles{gap:.55rem}.social-link{flex:10rem;min-height:3rem;padding-right:.85rem}.social-icon{flex-basis:2.25rem;width:2.25rem;height:2.25rem}}