@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@400..700&display=swap";html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100vh}html,body,#root{color:#2b2b2b;background-color:#f3ede2}body{margin:0;font-family:Bebas Neue,sans-serif;font-style:normal;font-weight:400}#root{width:100%;max-width:none;margin:0;padding:0}.main-layout{box-sizing:border-box;grid-template-columns:2fr 8fr;height:100vh;padding-top:3rem;display:grid;overflow:hidden}.dashboard{scrollbar-width:none;-ms-overflow-style:none;padding:2rem;overflow-y:auto}.dashboard::-webkit-scrollbar{display:none}.dashboard-pic{width:150%;max-width:300px;height:auto;margin:0 auto 2rem;display:block}.dashboard-list{flex-direction:column;gap:0;margin:2rem 0 0;padding:0;list-style:none;display:flex}.dashboard-list button{cursor:pointer;width:100%;padding:12px 16px}.sub-list{flex-direction:column;gap:8px;margin-top:10px;padding-left:20px;list-style:none;display:flex}.sub-list button{padding:8px 12px;font-size:14px}.dashboard-list button.drawn-button{all:unset;cursor:pointer;width:100%;display:block}.drawn-button img{width:100%;max-width:180px;height:auto;display:block}.drawn-button .btn-hover,.drawn-button:hover .btn-normal,.drawn-button:focus-visible .btn-normal{display:none}.drawn-button:hover .btn-hover,.drawn-button:focus-visible .btn-hover{display:block}.drawn-button:active img{transform:translateY(2px)}.content{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.info-panel{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:2rem;overflow-y:auto}.info-panel::-webkit-scrollbar{display:none}.bilingual{grid-template-columns:1fr 1fr;align-items:start;column-gap:2rem;font-size:14px;line-height:1.6;display:grid}.bilingual>*{min-width:0;margin-top:0}.animation-panel{flex:none;justify-content:flex-end;align-items:flex-end;height:45vh;padding:0 2rem 2rem;display:flex}.main-animation{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.animation-stack{position:relative}.animation-stack video{object-fit:contain;display:block}.animation-stack video.is-active{width:auto;max-width:100%;height:100%;position:relative}.animation-stack video:not(.is-active){opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.project-title{margin:0}.project-date{opacity:.7;margin:.25rem 0 1rem}.bilingual h3{margin:0 0 .5rem}.tech-list{flex-wrap:wrap;gap:6px;margin:0 0 1rem;padding:0;list-style:none;display:flex}.tech-list li{border:1px solid #2b2b2b33;border-radius:999px;padding:2px 10px;font-size:.9em}.project-divider{border:none;border-top:1px solid #d9cfbe;grid-column:1/-1;margin:1.5rem 0}.progress-bar{background-color:#e5ddcf;border-radius:999px;height:8px;overflow:hidden}.progress-fill{background-color:#2b2b2b;border-radius:999px;height:100%}.progress-text{opacity:.7;margin:.4rem 0 1rem}.dashboard-list>li:nth-child(2) .drawn-button .btn-normal{rotate:1deg}.dashboard-list>li:nth-child(3) .drawn-button .btn-normal{rotate:.2deg}.dashboard-list>li:nth-child(2) .drawn-button .btn-hover,.dashboard-list>li:nth-child(3) .drawn-button .btn-hover{rotate:-1deg}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-ext-400-normal-DWiEslNC.woff2)format("woff2"),url(/assets/bebas-neue-latin-ext-400-normal-HFKRJXnW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-cyrillic-ext-400-normal-3iEGd-c5.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-400-normal-Cg0RnRQ5.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-cyrillic-400-normal-9cDH9rLW.woff2)format("woff2"),url(/assets/caveat-cyrillic-400-normal-CebvvJET.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-latin-ext-400-normal-D7hBUiug.woff2)format("woff2"),url(/assets/caveat-latin-ext-400-normal-DtiRFvw0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-latin-400-normal-D6LQsQ_v.woff2)format("woff2"),url(/assets/caveat-latin-400-normal-BzhAQZkN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
