#about{align-items:flex-start;gap:56px;max-width:1300px;margin:0 auto;padding:24px;line-height:1.8;display:flex}#about #text{flex:70%}#about #image{flex:30%;max-width:360px;margin-top:48px}#about #image img{width:100%;max-width:360px;height:100%}#about #text a:hover{color:var(--secondary-text-color)}@media (width<=800px){#about{align-items:center;gap:unset;flex-direction:column;padding:0 24px}#about #image{flex:unset;max-width:80%;margin:32px 0 24px}}.tech-icon{text-align:center;border:solid 2px var(--primary-highlight-color);border-radius:10%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:88px;height:88px;display:flex}.tech-icon img{width:50px;height:50px}@media (width<=480px){.tech-icon{width:72px;height:72px}.tech-icon img{width:36px;height:36px}}#home{flex-grow:1;justify-content:space-between;gap:24px;max-width:1200px;margin:auto;padding:0 24px;display:flex}#home .content{justify-content:center;display:flex}#home #intro{flex-direction:column}#home p.small-text{margin:0;font-size:1rem}#home p.medium-text{margin:0;font-size:1.5rem}#home p.large-text{margin:16px 0;font-size:2.5rem}#home #connect{align-items:center;gap:16px;margin:24px 0 0;display:flex}#home #connect #arrow{vertical-align:1px;padding:0 8px 0 4px;font-family:monospace}#home #connect .icon{width:32px;margin-right:16px;transition:all .3s}#home #connect .icon:hover{transform:scale(1.2)}#home #skills{flex-flow:wrap;align-content:center;gap:10px;max-width:40%;font-size:.75rem}@media (width<=800px){#home{flex-direction:column;justify-content:space-evenly;align-items:center;margin:16px 0 0}#home #skills{max-width:unset}}@media (width<=480px){#home #intro{text-align:center}#home p.medium-text{font-size:1.25rem}#home #connect{flex-direction:column;align-items:center}#home #connect .icon{width:44px;margin:16px}}#page{flex-direction:column;height:100vh;display:flex}#header{border-bottom:solid 2px var(--primary-highlight-color);box-sizing:border-box;justify-content:space-between;align-items:center;height:3.25rem;font-size:1rem;display:flex}#header #title{padding:16px}#header #nav{font-weight:700}#header a{text-decoration:none}#header a.nav-link{text-align:center;width:5rem;padding:16px;display:inline-block}#header a.nav-link:hover{background-color:var(--secondary-highlight-color)}#header a.nav-link.active{background-color:var(--primary-highlight-color)}@media (width<=540px){#header #title{display:none}#header{display:inline-block}#header #nav{justify-content:space-evenly;display:flex}}.project-card{background-color:var(--tertiary-bg-color);border:outset 4px var(--secondary-bg-color);border-radius:5px;flex-direction:column;display:flex}.project-card .image{width:360px;padding:16px 16px 0}.project-card .info{flex-direction:column;width:360px;height:192px;padding:0 16px 16px;display:flex}.project-card .info p{margin:0 0 16px}.project-card img{max-width:100%;max-height:100%}.project-card .buttons{flex:32px;align-items:flex-end;gap:16px}.project-card .ui-button{text-align:center;padding:6px;font-size:16px;text-decoration:none}@media (width<=871px){.project-card .info{height:unset}}@media (width<=432px){.project-card .image,.project-card .info{width:calc(100vw - 64px)}}#projects{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex}#wednesday{margin-top:24px;padding:0 16px}#wednesday #gallery{flex-direction:column;justify-content:center;align-items:center;gap:24px;max-width:625px;max-height:calc(100vh - 124px);margin:0 auto;display:flex}#wednesday #image{flex:625px;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}#wednesday img{max-width:100%;max-height:100%}#wednesday button.ui-button{max-width:160px;font-family:monospace;font-size:32px}@media (width<=500px){#wednesday #image{flex:calc(125vw - 40px)}}:root{--primary-bg-color:#131017;--secondary-bg-color:#3c274edb;--tertiary-bg-color:#3c274e69;--disabled-bg-color:#3b3144;--primary-text-color:#f6f0f9;--secondary-text-color:#e8bbff;--disabled-text-color:#c1b9c6;--primary-highlight-color:#503568;--secondary-highlight-color:#674a7d;--disabled-highlight-color:#4f435a}body{color:var(--primary-text-color);background-color:var(--primary-bg-color);background-image:radial-gradient(circle at 20% 40%, var(--secondary-bg-color) 0%, transparent 20%);background-repeat:no-repeat;margin:0;font-family:Montserrat Variable,sans-serif}a{color:var(--primary-text-color)}.buttons{flex:48px;justify-content:center;gap:32px;width:100%;display:flex}.ui-button{background-color:var(--primary-highlight-color);color:var(--primary-text-color);border:1px outset var(--secondary-bg-color);box-shadow:-1px 4px var(--secondary-bg-color);border-radius:5px;flex:1;font-family:Montserrat Variable,sans-serif}.ui-button:hover{background-color:var(--secondary-highlight-color)}.ui-button:active{box-shadow:0px 2px var(--secondary-bg-color);border-style:inset;transform:translateY(2px)}.ui-button:hover:disabled,.ui-button:active:disabled,.ui-button:disabled{background-color:var(--disabled-highlight-color);color:var(--disabled-text-color);border:1px outset var(--disabled-bg-color);box-shadow:0px 3px var(--disabled-bg-color);transform:translateY(1px)}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-ext-wght-normal-CO5hGrJv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-wght-normal-EAA9jha_.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-vietnamese-wght-normal-k7S-YeeD.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-ext-wght-normal-BsZE-iaG.woff2)format("woff2-variations");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:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-wght-normal-l_AIctKy.woff2)format("woff2-variations");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}