:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@font-face{font-family:Lost Days;src:url(/_next/static/media/lost-days.964a2d0e.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Nunito;src:url(/_next/static/media/nunito.3bb00c12.ttf) format("opentype");font-weight:400;font-style:normal}body{padding:20px 50px 70px;font-family:Nunito;min-height:100vh;display:flex;flex-direction:column;background-color:#fff;color:#171717}.menu-bar{display:flex;justify-content:space-between;align-items:center}.menu-bar a,.menu-bar div,.menu-bar p{flex:1 1}.menu-bar a{text-align:center}.menu-bar div .logo-link{margin:auto;display:block}.menu-bar div button{width:max-content;margin-left:auto}.section{margin:20px auto;min-height:570px;align-items:center;gap:20px;flex:1 1}.section,footer{max-width:800px;display:flex;justify-content:space-between}footer{width:100%;margin:0 auto}@media(max-width:768px){.section{margin-bottom:30px}footer{margin-bottom:80px}.menu-bar{margin-bottom:30px}}@media(max-width:480px){body{padding:20px}.menu-bar p{display:none}.menu-bar a{text-align:left}.menu-bar div .logo-link{margin:unset}}.page-body{display:flex;flex:.5 1}.page-body:has(>.about-me-section){display:flex;align-items:center}.credit{color:#aeaeae;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}html::view-transition-new(page-body),html::view-transition-old(page-body){animation-duration:.4s;animation-timing-function:ease-in-out}html[data-transition=right-to-left]::view-transition-new(page-body){animation-name:slide-in-right}html[data-transition=right-to-left]::view-transition-old(page-body){animation-name:slide-out-left}html[data-transition=left-to-right]::view-transition-new(page-body){animation-name:slide-out-right}html[data-transition=left-to-right]::view-transition-old(page-body){animation-name:slide-in-left}@keyframes slide-in-right{0%{opacity:0;transform:translateX(800px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(800px)}}@keyframes slide-out-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-800px)}}@keyframes slide-out-right{0%{opacity:0;transform:translateX(-800px)}to{opacity:1;transform:translateX(0)}}.navbar-content{height:50px;position:relative;animation-name:fadeIn;animation-duration:2s;animation-fill-mode:forwards;z-index:10}.navbar-content button{text-transform:none}.navbar-content.slideup{animation-name:slideUp;animation-duration:.5s;animation-fill-mode:forwards}.navbar{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 100px);position:fixed}.navbar .links-container{display:flex;gap:20px;align-items:center}.navbar .links-container a{color:#aeaeae;transition:color .5s,scale .5s}.navbar .links-container a:active{scale:.9}.navbar .links-container a:hover{color:#353535}.bottom-navbar{position:fixed;z-index:5;display:flex;align-items:center;gap:20px;opacity:1;bottom:0;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:10px 12px;border-radius:14px;transition:bottom 1s,opacity 1s;box-shadow:0 5px 15px -8px rgba(0,0,0,.796)}.bottom-navbar.slideup{bottom:10px;opacity:1}.bottom-navbar a:has(>.active){pointer-events:none}.bottom-navbar a .nav-button{width:34px!important;height:34px!important;min-width:unset;display:flex;align-items:center;border-radius:8px;transition:background-color .5s,scale .5s;cursor:pointer}.bottom-navbar a .nav-button svg{margin:auto;transition:filter .5s}.bottom-navbar a .nav-button.active{background-color:#6146ff}.bottom-navbar a .nav-button.active svg{filter:invert(99%) sepia(50%) saturate(2%) hue-rotate(199deg) brightness(110%) contrast(101%)}.bottom-navbar a .nav-button:hover:not(.active){background-color:#ebebeb}.bottom-navbar a .nav-button:active{scale:.9}.side-menu{display:none}@keyframes slideUp{0%{top:0}to{top:-100px}}@keyframes slideUpBottom{0%{bottom:-100px}to{bottom:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.navbar .links-container{display:none}.side-menu{display:flex}}@media(max-width:480px){.navbar{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 40px)}}.logo-link{font-family:Lost Days;font-weight:unset;width:max-content;margin:0 auto;font-size:38px}.social-media{display:flex;align-items:center;gap:10px}.social-media svg{filter:invert(65%) sepia(94%) saturate(2%) hue-rotate(1turn) brightness(95%) contrast(93%);transition:filter .3s}.social-media svg:hover{filter:invert(29%) sepia(55%) saturate(4745%) hue-rotate(241deg) brightness(98%) contrast(106%)}.lang-button{display:flex;flex-direction:column;position:relative;z-index:5}.lang-button .button{display:flex;justify-content:space-between;gap:8px}.lang-button .lang-list{position:absolute;list-style:none;width:max-content;margin-left:auto;right:0;top:55px;border-radius:10px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.293);animation-name:lang-button-slide-in;animation-duration:.5s}.lang-button .lang-list.slide-out{animation:lang-button-slide-out .5s forwards}.lang-button .lang-list li{padding:8px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;overflow:hidden;transition:background-color .3s;display:flex;gap:8px}.lang-button .lang-list li:first-of-type{border-radius:10px 10px 0 0}.lang-button .lang-list li:last-of-type{border-radius:0 0 10px 10px}.lang-button .lang-list li:hover{background-color:#ebebeb}@keyframes lang-button-slide-in{0%{top:20px;opacity:0}to{top:55px;opacity:1}}@keyframes lang-button-slide-out{0%{top:55px;opacity:1}99%{top:20px;opacity:0}to{display:none}}