@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/inter-400-regular-DzE3sXQr.woff)format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/assets/RobotoMono-Regular-CBo0Sm2n.ttf)format("truetype")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;src:url(/assets/RobotoMono-Medium-DxCopxhm.ttf)format("truetype")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:900;src:url(/assets/RobotoMono-Bold-CheSjNdw.ttf)format("truetype")}html,body{background-color:#e8e8e8;width:100%;min-height:100vh;margin:0;padding:0}.app__container{width:100%;display:flex}.side-bar{padding:90px 0}.navigation{justify-content:left;display:flex}.navigation__links{flex-direction:column;align-items:center;gap:2px;width:192px;display:flex}.navigation__link{cursor:pointer;color:#141414;justify-content:center;align-items:center;width:192px;height:128px;font-family:Roboto Mono,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:24px;text-decoration:none;display:flex}.main{justify-content:left;width:100%;margin-left:32px;display:flex}.main__content{width:100%;max-width:1200px;display:flex}.about-page{justify-content:center;align-items:center;display:flex}.timeline-page{justify-content:left;align-items:center;display:flex}.work-history-page{align-items:center;gap:64px;display:flex}.software-projects-page{align-items:flex-start;width:100%;padding:64px 32px;display:flex;position:relative}.game-development-page{flex-direction:column;align-items:flex-start;width:100%;padding:32px 0;display:flex;position:relative}.contact-me-page{justify-content:center;align-items:center;width:100%;display:flex}.about{color:#141414;font-family:Inter,serif;font-size:32px;font-weight:400;line-height:64px}.about__container{gap:56px;margin:0;padding:0;display:flex}.about__avatar{object-fit:cover;border-radius:50%;width:464px;height:464px;box-shadow:0 0 64px #00000040}.about__content{flex-direction:column;max-width:600px;padding-top:64px;display:flex}.about__title{margin:0 0 24px}.about__paragraph{margin:0;font-size:16px;line-height:24px}.timeline{color:#141414;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:32px}.timeline__content{flex-direction:column;display:flex}.timeline__link{cursor:pointer;color:#141414;justify-content:center;align-items:center;width:128px;height:48px;text-decoration:none;display:flex}.timeline__link--active{font-weight:700}.work-history{color:#141414;flex-direction:row;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:32px;display:flex;position:relative}.work-history__timeline{z-index:1;position:relative;left:15px}.work-history__content{flex-direction:column;justify-content:center;gap:32px;display:flex}.work-history__card{z-index:2;align-items:center;gap:64px;height:128px;display:flex}.work-history__bullet{font-size:48px}.work-history__bullet--study{color:#479f57}.work-history__bullet--hobby{color:#cf4f2f}.work-history__bullet--work{color:#6f97c7}.work-history__card-content{align-items:center;gap:32px;display:flex}.work-history__thumbnail-container{justify-content:center;width:160px;display:flex}.work-history__thumbnail{max-width:160px;max-height:128px;display:flex}.work-history__role{margin:0 0 8px}.work-history__description{margin:8px 0}.work-history__project{margin:8px 0 0}.software{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.software__grid{grid-template-columns:repeat(3,1fr);gap:32px;width:100%;display:grid}.software-card{cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #141414;max-width:432px;min-height:192px;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:32px;display:flex}.software-card--disabled{cursor:default}.software-card__container{box-sizing:border-box;justify-content:flex-start;gap:16px;width:100%;padding:16px;display:flex}.software-card__thumbnail-container{flex-shrink:0;justify-content:center;align-items:center;width:96px;display:flex}.software-card__thumbnail{object-fit:contain;max-width:96px;max-height:96px}.software-card__content{flex-direction:column;flex:1;align-items:flex-start;display:flex}.software-card__title{margin:0 0 8px;font-size:24px;font-weight:700}.software-card__description{margin:0 0 12px;line-height:24px}.software-card__link{color:#141414;cursor:pointer;margin-top:auto;margin-left:auto;font-size:14px;font-weight:700;line-height:24px;text-decoration:underline}.software-card__link:hover{color:#555}.software-panel{color:#141414;z-index:10;justify-content:center;width:100%;height:95%;padding:32px;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:32px;display:flex;position:absolute;top:0;right:-32px}.software-panel__content{box-sizing:border-box;background-color:#fff;border:1px solid #141414;width:100%;height:100%;padding:48px;position:relative;box-shadow:0 0 64px #00000040}.software-panel__close{cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.software-panel__close-button{width:24px;height:24px}.software-panel__slideshow{width:100%;position:relative}.software-panel__slide{aspect-ratio:2;box-sizing:border-box;background-color:#f5f5f5;border:1px solid #141414;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.software-panel__slide-counter{color:#fff;z-index:2;background:#0009;border-radius:4px;justify-content:center;align-items:center;width:48px;height:32px;font-size:12px;display:flex;position:absolute;top:8px;left:8px}.software-panel__slide-image{object-fit:cover;width:100%;height:100%;display:block}.software-panel__slide-caption{text-align:center;color:#141414;margin:8px 0 0;font-size:14px}.software-panel__nav-btn{color:#fff;cursor:pointer;z-index:5;background:#141414b3;border:none;padding:10px 14px;font-size:18px;line-height:1;transition:background-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.software-panel__nav-btn:hover{background:#141414e6}.software-panel__nav-btn--prev{left:0}.software-panel__nav-btn--next{right:0}.software-panel__dots{z-index:5;background:#0006;border-radius:12px;justify-content:center;gap:8px;padding:6px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.software-panel__dot{cursor:pointer;background-color:#ffffff80;border-radius:50%;width:8px;height:8px;transition:background-color .2s,transform .2s}.software-panel__dot--active{background-color:#fff;transform:scale(1.2)}.game-dev{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex}.game-dev__carousel-wrapper{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.game-dev__track{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;align-items:flex-start;gap:24px;width:100%;padding-bottom:24px;display:flex;overflow-x:auto}.game-dev__card-item{flex:0 0 300px}.game-dev__controls{gap:128px;display:flex}.game-dev__arrow{color:#141414;cursor:pointer;background-color:#e8e8e8;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;font-weight:700;transition:opacity .2s,background-color .2s,color .2s;display:flex}.game-dev__arrow:disabled{color:#141414;opacity:.3;cursor:default;background-color:#e8e8e8}.game-navigation{flex-wrap:wrap;gap:12px;margin-bottom:24px;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:32px;display:flex}.game-navigation__btn{cursor:pointer;background:0 0;border:1px solid #141414;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .2s,color .2s}.game-navigation__btn:hover{background-color:#f0f0f0}.game-navigation__btn--active{color:#fff;background-color:#141414}.game-navigation__btn--active:hover{background-color:#333}.game-dev-card{cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #141414;flex-direction:column;width:100%;max-width:320px;height:640px;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:32px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.game-dev-card:hover:not(.game-dev-card--disabled){transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.game-dev-card--disabled{cursor:default}.game-dev-card__image-wrapper{background-color:#000;border-bottom:1px solid #141414;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.game-dev-card__thumbnail{object-fit:cover;width:100%;height:100%}.game-dev-card__content{flex-direction:column;flex:1;padding:16px;display:flex}.game-dev-card__title{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.3}.game-dev-card__description{color:#141414;margin:0 0 12px;font-size:14px;line-height:1.4;overflow:hidden}.game-dev-card__link{color:#141414;margin-top:auto;font-size:13px;font-weight:700}.game-dev-card__no-link{color:#888;margin-top:auto;font-size:12px;font-style:italic}.contact{color:#141414;flex-direction:column;gap:16px;width:60%;font-family:Inter,serif;font-size:16px;font-weight:700;line-height:32px;display:flex}.contact__form{flex-direction:column;gap:16px;width:100%;display:flex}.contact__label{margin:0;padding-left:17px}.contact__input,.contact__input-message{box-sizing:border-box;border:1px solid #141414;border-radius:4px;width:100%;padding:8px 16px;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:24px;display:block}.contact__input-message{height:250px}.contact__button-container{justify-content:center;display:flex}.contact__button{color:#141414;cursor:pointer;border:1px solid #141414;border-radius:4px;width:160px;height:40px;font-family:Inter,serif;font-size:16px;font-weight:700;line-height:32px;transition:background-color .2s,color .2s,opacity .2s}.contact__button:hover:not(:disabled){color:#fff;background-color:#141414}.contact__button:disabled{opacity:.5;cursor:not-allowed}.contact__status{text-align:center;margin:8px 0 0;font-size:14px}.contact__status--success{color:#2f855a}.contact__status--error{color:#c53030}.footer{margin:0;padding:8px}.footer__container{justify-content:space-between;align-items:center;padding:0 64px;display:flex}.footer__title{color:#141414;margin:0;font-family:Roboto Mono,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:24px}.footer__socials{justify-content:center;gap:16px;display:flex}.footer__icon{width:32px;height:32px}