*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,p,dl,dt,dd,ul,li,figure,figcaption,table,thead,tbody,tr,th,td{padding:0;margin:0}h1,h2,h3,h4,h5,h6{font-weight:400}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:dm500;font-weight:500;src:url(/fonts/PPNeueMontrealVariable-wght490ital100.otf) format("opentype")}:root{background-color:#171717}::selection{background-color:#4ddc90;color:#171717}svg{fill:#171717}body{font-family:dm500;font-weight:500;font-size:32px;line-height:32px;color:#171717;-webkit-font-smoothing:antialiased;overscroll-behavior:none;--header-height: 51px;--footer-height: 80px}body[data-tab=project]{--header-height: 101px}@media (max-width: 799px){body{--header-height: 44px;font-size:24px;line-height:24px}body[data-tab=project]{--header-height: 64px}}a{color:#171717;text-decoration:none}p{padding:8px 16px;background-color:#fff;border-radius:16px;margin:0 0 2px auto;display:inline-block}title{padding:8px 16px;background-color:#879301;border-radius:16px;margin:0 auto 2px;display:block}@media (max-width: 1023px){title{width:100%}}main{padding:var(--header-height) 2px 0;min-height:calc(100vh - 90px)}@media (max-width: 1988px){main{min-height:calc(100vh - 74px)}}@media (max-width: 1023px){main{padding:51px 2px 0;min-height:calc(100vh - 48px)}}@media (max-width: 799px){main{padding:86px 2px 0;min-height:calc(100vh - 42px)}}@media (max-width: 799px){.prj{padding:128px 2px 0}}picture{display:block}picture img{display:block}table{margin:0 20px}th,td{vertical-align:top;padding:8px 0}th{font-weight:400;text-align:left}tbody tr{border-top:1px solid #171717}#archive header{padding:8px 25% 16px 16px;border-radius:16px;margin:0 0 2px}@media (max-width: 1988px){#archive header{padding:8px 16px 16px}}@media (max-width: 799px){#archive header{padding:8px 16px}}#archive header h2{font-size:72px;line-height:72px}@media (max-width: 1988px){#archive header h2{font-size:56px;line-height:56px}}@media (max-width: 1023px){#archive header h2{font-size:32px;line-height:32px}}@media (max-width: 799px){#archive header h2{font-size:24px;line-height:24px}}#archive header p{font-size:48px;line-height:48px;max-width:1036px}@media (max-width: 1255px){#archive header p{font-size:24px;line-height:24px;max-width:620px}}@media (max-width: 1023px){#archive header p{max-width:100%}}#archive dt{background-color:#5f9ea0;border-radius:16px;padding:0 16px;width:50%;height:48px;line-height:48px}@media (max-width: 1023px){#archive dt{width:100%}}@media (max-width: 799px){#archive dt{height:40px;line-height:40px}}#archive dd{background-color:#a05f90;border-radius:16px;padding:0 16px;height:48px;line-height:48px;width:25%}@media (max-width: 1023px){#archive dd{width:auto}}@media (max-width: 799px){#archive dd{height:40px;line-height:40px}}#archive footer{height:240px}@media (max-width: 1255px){#archive footer{height:160px}}#intro header{padding:16px 16px 12px;background-color:#8a9bb3;border-radius:0 16px 16px;margin:0 0 2px}#intro header p{font-size:72px;line-height:72px}@media (max-width: 1255px){#intro header p{font-size:24px;line-height:24px;max-width:620px}}@media (max-width: 1023px){#intro header p{max-width:100%;margin:0}}#intro section{padding:8px 16px 16px;background-color:#c5cdd9;border-radius:16px;margin:0 0 2px}@media (max-width: 1988px){#intro section{padding:8px 16px 16px}}@media (max-width: 799px){#intro section{padding:8px 16px}}#intro section h2{font-size:72px;line-height:72px}@media (max-width: 1988px){#intro section h2{font-size:56px;line-height:56px}}@media (max-width: 1023px){#intro section h2{font-size:32px;line-height:32px}}@media (max-width: 799px){#intro section h2{font-size:24px;line-height:24px}}#intro div{padding:8px 16px;background-color:#480853;border-radius:16px;margin:0 auto 2px;width:fit-content}#intro div h2{font-size:56px;line-height:56px;text-align:center}#intro div p{font-size:32px;line-height:32px;text-align:center}#intro dl{display:flex;gap:2px;margin:0 0 2px;width:100%}#intro .bottom{margin:2px 0 0}#intro .bottom dd{width:100%}#intro dt{background-color:#5f9ea0;border-radius:16px;padding:0 16px;width:100%;height:48px;line-height:48px}@media (max-width: 799px){#intro dt{height:40px;line-height:40px}}#intro dd{background-color:#fff;border-radius:16px;padding:0 16px;height:48px;line-height:48px}@media (max-width: 799px){#intro dd{height:40px;line-height:40px}}#intro footer{height:240px}@media (max-width: 1255px){#intro footer{height:160px}}@media (hover: hover){.happykids:hover picture img{content:url(/images/happykids/0B.jpg)}.blinder:hover picture img{content:url(/images/blinder/0B.jpg)}.wallace:hover picture img{content:url(/images/wallace/0B.jpg)}.odin:hover picture img{content:url(/images/odin/0B.jpg)}.sister:hover picture img{content:url(/images/sister/0B.jpg)}.wave:hover picture img{content:url(/images/wave/0B.jpg)}.wola:hover picture img{content:url(/images/wola/0B.jpg)}.wlt:hover picture img{content:url(/images/wlt/0B.jpg)}.decoratio:hover picture img{content:url(/images/decoratio/0B.jpg)}}body>header a[href="#"],body>header a[href$="#intro"]{background-color:#8a9bb3}[data-tab=intro]>header:after{background-color:#8a9bb3}[data-tab=intro] #intro{display:block}[data-tab=intro] main{background:#171717}body>header a[href="#"],body>header a[href$="#archive"]{background-color:#93950b}[data-tab=archive]>header:after{background-color:#93950b}[data-tab=archive] #archive{display:block}[data-tab=archive] main{background:#171717}body>header a[href="#"],body>header a[href$="#about"]{background-color:#0271f2}[data-tab=about]>header:after{background-color:#0271f2}[data-tab=about] #about{display:block}[data-tab=about] main{background:#171717}body>header a[href="#"],body>header a[href$="#contact"]{background-color:#854f40}[data-tab=contact]>header:after{background-color:#854f40}[data-tab=contact] #contact{display:block}[data-tab=contact] main{background:#171717}body>header a[href="#"],body>header a[href$="#project"]{background-color:var(--project-bg-color)}[data-tab=project]>header:after{background-color:var(--project-bg-color)}[data-tab=project] #project{display:block}[data-tab=project] main{background:#171717}body>header{display:block;position:fixed;width:100%;height:var(--header-height);z-index:10;overflow:hidden;background-color:#171717}@media (max-width: 1023px){body>header{display:block}}@media (max-width: 799px){body>header{height:var(--header-height-mobile)}}@media (max-width: 799px){body>header .pr{height:128px}}body>header ul{display:flex;position:relative;gap:2px;padding:2px}@media (max-width: 799px){body>header ul{flex-wrap:wrap}}body>header .active a{border-radius:16px 16px 0 0}@media (max-width: 799px){body>header .active a{border-radius:16px}}body>header li{width:25%}@media (max-width: 799px){body>header li{width:calc(50% - 1px)}}body>header a{display:block;padding:0 16px;border-radius:16px;font-size:32px;text-transform:uppercase;line-height:47px}body>header a a[href=index]{background-color:#8a9bb3}@media (max-width: 799px){body>header a{line-height:40px}}body>header a:hover:not(.active):not(.project){border-radius:16px 16px 0 0}@media (max-width: 799px){body>header a:hover:not(.active):not(.project){border-radius:16px}}@media (max-width: 799px){body>header a{font-size:24px}}body>header li.project{position:absolute;top:51px;left:0;width:100%;display:flex;gap:2px;padding:0 2px}body>header li.project:hover{padding-top:0}@media (max-width: 799px){body>header li.project{top:86px}}body>header li.project a{display:flex;justify-content:space-between;align-items:center}body>header li.project p:first-child{width:100%;text-transform:uppercase;margin:0;border-radius:16px;background:var(--project-bg-color)}body>header li.project p:not(:first-child){width:25%;margin:0;border-radius:16px;background:var(--project-bg-color)}@media (max-width: 799px){body>header li.project p:not(:first-child){width:50%}}footer{position:relative;width:100%;overflow:hidden;margin-bottom:2px;z-index:10}@media (max-width: 799px){footer{font-size:24px;line-height:32px}}footer div{width:800%;position:relative;z-index:3;margin-right:-15px;margin-left:-15px;transform-origin:right;display:flex;align-items:center;white-space:nowrap;will-change:transform;animation:marquee 100s linear infinite}@media (max-width: 799px){footer div{animation:marquee 20s linear infinite}}footer div:hover{animation-play-state:paused}footer section{width:100%;height:auto;display:flex;z-index:12;align-self:baseline;position:relative;flex-direction:column;background-color:#171717}footer section ul{display:flex;flex-direction:row;align-items:center;gap:2px}footer section ul li{padding:8px 16px;background-color:#ea5c3c;border-radius:16px;font-size:72px;line-height:72px}@media (max-width: 1988px){footer section ul li{font-size:56px;line-height:56px}}@media (max-width: 1023px){footer section ul li{font-size:32px;line-height:32px}}@media (max-width: 799px){footer section ul li{font-size:24px;line-height:24px}}footer section ul li svg{height:24px}@media (max-width: 799px){footer section ul li svg{height:16px}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.grid{display:grid;grid-template-columns:repeat(12,1fr)}@media (max-width: 1679px){.grid{grid-template-columns:repeat(8,1fr)}}.fr-1-12{grid-column:span 1}.fr-2-12,.fr-1-6{grid-column:span 2}.fr-3-12,.fr-1-4{grid-column:span 3}.fr-4-12,.fr-2-6,.fr-1-3{grid-column:span 4}.fr-5-12{grid-column:span 5}.fr-6-12,.fr-3-6,.fr-2-4,.fr-1-2{grid-column:span 6}.fr-7-12{grid-column:span 7}.fr-8-12,.fr-4-6,.fr-2-3{grid-column:span 8}.fr-9-12,.fr-3-4{grid-column:span 9}.fr-10-12,.fr-5-6{grid-column:span 10}.fr-11-12{grid-column:span 11}.fr-12-12,.fr-4-4,.fr-3-3,.fr-2-2,.fr-1-1{grid-column:span 12}#intro{color:#171717;background-color:#171717}#intro ul{gap:2px;margin-bottom:2px}@media (max-width: 1255px){#intro ul{grid-template-columns:repeat(4,1fr)}}#intro li{display:block;height:fit-content}#intro li>a{display:flex;flex-direction:column;align-items:flex-intro}@media (max-width: 1023px){#intro picture{width:100%}}#intro img{background-color:#171717;border-radius:16px;width:100%;height:auto}#archive header{background:#93950b}#archive .grid{display:grid;grid-template-columns:repeat(8,1fr)}@media (max-width: 1023px){#archive .grid{grid-template-columns:repeat(12,1fr)}}#archive .fr-1-8{grid-column:span 1}#archive .fr-2-8{grid-column:span 2}#archive .fr-3-8{grid-column:span 3}#archive>ul>li{position:relative;margin:0 0 2px}#archive>ul ul{width:100%;gap:2px}@media (max-width: 1023px){#archive>ul ul{margin-left:0;width:100%}#archive>ul ul li{grid-column:span 4!important}#archive>ul ul li:nth-child(n+4){display:none}}#archive>ul img{width:100%;height:auto;border-radius:16px;font-size:16px;background-color:#333}#archive dl{display:flex;gap:2px;margin:0 0 2px;width:100%}#archive footer{background:linear-gradient(#fff,#93950b)}#about{background:#171717;font-size:32px;line-height:32px}@media (max-width: 799px){#about{font-size:24px;line-height:24px}}#about header{padding:8px 25% 16px 16px;border-radius:16px;margin:0 0 2px;background-color:#0271f2}@media (max-width: 1988px){#about header{padding:8px 16px 16px}}@media (max-width: 799px){#about header{padding:8px 16px}}#about header h2{font-size:72px;line-height:72px}@media (max-width: 1988px){#about header h2{font-size:56px;line-height:56px}}@media (max-width: 1023px){#about header h2{font-size:32px;line-height:32px}}@media (max-width: 799px){#about header h2{font-size:24px;line-height:24px}}#about header:not(:first-child){background-color:#80b8f8}#about title{line-height:32px;background-color:#e6a2fc}@media (max-width: 799px){#about title{line-height:24px}}#about section#about-intro{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:0;gap:2px}@media (max-width: 1679px){#about section#about-intro{display:grid;grid-template-columns:repeat(1,1fr)}}@media (max-width: 799px){#about section#about-intro{display:flex;flex-direction:column}}#about section#about-intro div aside{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}@media (max-width: 799px){#about section#about-intro div aside{grid-template-columns:repeat(1,1fr)}}#about section#about-intro div aside p:last-child{margin-bottom:0}#about section#about-intro div:not(:first-child){display:grid;grid-template-columns:repeat(2,1fr);gap:2px}#about section#about-experience{display:block;margin-bottom:2px}@media (max-width: 1023px){#about section#about-experience{display:grid;grid-template-columns:repeat(1,1fr);margin-bottom:0}}@media (max-width: 799px){#about section#about-experience{display:flex;flex-direction:column}}#about section#about-experience p{width:100%;background-color:#fff;border-radius:16px;background-color:#4ddc90;display:none}@media (max-width: 1023px){#about section#about-experience p{display:inline-block}}#about section#about-experience span{display:none}@media (max-width: 1023px){#about section#about-experience span{display:flex;gap:2px}}#about section#about-experience span p:last-child{background-color:#fff;border-radius:0 16px 16px 0}#about section#about-experience span p:first-child{background-color:#fff;border-radius:16px 0 0 16px}#about section#about-experience ul{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}#about section#about-experience li{background-color:#fff;border-radius:16px;padding:8px 16px}#about section#about-experience div{display:grid;grid-template-columns:repeat(10,1fr);margin-bottom:2px;gap:2px}#about section#about-experience div p{background-color:#2f4f4f;width:100%;text-align:center}#about section#about-experience time{padding:8px 16px;background-color:#4ddc90;border-radius:16px}#about section#about-experience #timeline{display:block}@media (max-width: 1023px){#about section#about-experience #timeline{display:none}}#about section#about-skills{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:0;gap:2px}@media (max-width: 1023px){#about section#about-skills{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width: 799px){#about section#about-skills{display:flex;flex-direction:column;gap:0}}#about section#about-skills p{margin:0 2px 2px auto}#about figure{width:100%;line-height:0;margin-bottom:2px}@media (max-width: 799px){#about figure{width:100%}}#about figure img{width:100%;height:auto;margin-bottom:0;border-radius:16px}@media (max-width: 1988px){#about figure div{display:none}}section#about-interests{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2px}@media (max-width: 1988px){section#about-interests{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1023px){section#about-interests{grid-template-columns:repeat(1,1fr)}}@media (max-width: 799px){section#about-interests{display:flex;flex-direction:column}}section#about-interests p{margin:0 2px 2px auto}section#about-interests article{position:relative;height:fit-content}@media (max-width: 1023px){section#about-interests article{grid-column:span 2}}#contact{background:#171717;font-size:48px;line-height:48px}@media (max-width: 1255px){#contact{font-size:32px;line-height:32px}}@media (max-width: 799px){#contact{font-size:24px;line-height:24px}}#contact h2{font-size:72px;line-height:72px}@media (max-width: 1988px){#contact h2{font-size:56px;line-height:56px}}@media (max-width: 1023px){#contact h2{font-size:32px;line-height:32px}}@media (max-width: 799px){#contact h2{font-size:24px;line-height:24px}}#contact header{padding:8px 25% 16px 16px;border-radius:16px 0 16px 16px;margin:0 0 2px;background-color:#854f40}@media (max-width: 1988px){#contact header{padding:8px 16px 16px}}#contact section{padding:8px 16px 16px;border-radius:16px;margin:0 0 2px;display:block}@media (max-width: 1023px){#contact section{padding:8px 16px}}@media (max-width: 1023px){[data-tab=project]>header:after{display:none}}#project{min-height:100vh;font-size:32px;line-height:32px}@media (max-width: 1023px){#project{padding:101px 2px 0}}@media (max-width: 799px){#project{font-size:24px;line-height:24px;padding:128px 2px 0}}#project p{display:block;background-color:#93950b}#project header{padding:8px 16px 16px;height:auto;line-height:inherit;width:100%;background:var(--project-bg-color);border-radius:16px}#project header h2{font-size:56px;line-height:56px}@media (max-width: 1988px){#project header h2{font-size:56px;line-height:56px}}@media (max-width: 1023px){#project header h2{font-size:32px;line-height:32px}}@media (max-width: 799px){#project header h2{font-size:24px;line-height:24px}}#project header dl{display:flex;margin-bottom:2px;background:var(--project-bg-color);width:fit-content;border-radius:16px}#project header dl dt{flex-shrink:0;width:25%;padding:0 20px}@media (max-width: 1679px){#project header dl dt{width:25%;padding:0 20px}}@media (max-width: 1255px){#project header dl dt{width:25%}}@media (max-width: 1023px){#project header dl dt{width:25%}}#project header dl dd{flex-grow:1;padding:8px 16px 16px;background-color:transparent;border-radius:0;height:auto;line-height:inherit;width:100%}@media (max-width: 799px){#project header dl dd{padding:8px 16px}}#project header dl:not(:first-child){border-radius:16px}#project .grid{display:grid;grid-template-columns:repeat(12,1fr)}@media (max-width: 1023px){#project .grid{display:flex;gap:2px;flex-direction:column}}#project .fr-1-8{grid-column:span 1}#project .fr-2-8{grid-column:span 2}#project .fr-3-8{grid-column:span 3}#project ul{margin-bottom:2px;gap:2px}@media (max-width: 1023px){#project ul{display:block}}@media (max-width: 799px){#project ul{display:block}}#project ul picture{margin-bottom:0}#project ul p{max-width:100%;padding:8px 25% 8px 16px;margin:0;background:#fff}@media (max-width: 1023px){#project ul p{padding:8px 16px}}#project ul p+p{margin:2px 0 0}#project ul img{background-color:#171717;width:100%;height:auto;border-radius:16px}#project dl{display:flex;gap:2px;padding:2px 0}#project dl a{display:flex;gap:2px;margin:0 0 2px;width:100%;cursor:pointer;border-radius:16px}#project dl dt{background:var(--project-bg-color);border-radius:16px;padding:0 16px;width:50%;height:48px;line-height:48px}@media (max-width: 799px){#project dl dt{height:40px;line-height:40px}}#project dl dd{background-color:#fff;border-radius:16px;padding:0 16px;height:48px;line-height:48px;width:25%}@media (max-width: 1023px){#project dl dd{width:32%}}@media (max-width: 799px){#project dl dd{width:50%;height:40px;line-height:40px}}@media (max-width: 799px){#project dl dd:last-child{display:none}}#project div dl{display:flex;gap:2px;padding:0}#project div dl a{display:flex;gap:2px;margin:0 0 2px;width:100%;cursor:pointer;border-radius:16px}#project div dl a:hover>dt,#project div dl a:hover>dd{background:var(--project-bg-color)}#project div dl dt{background:#fff;border-radius:16px 0 0 16px;padding:0 16px;width:50%;height:48px;line-height:48px}@media (max-width: 1023px){#project div dl dt{width:36%}}@media (max-width: 799px){#project div dl dt{width:50%;height:40px;line-height:40px}}#project div dl dd{background-color:#fff;border-radius:0;padding:0 16px;height:48px;line-height:48px;width:25%}@media (max-width: 1023px){#project div dl dd{width:32%}}@media (max-width: 799px){#project div dl dd{width:50%;height:40px;line-height:40px;border-radius:0 16px 16px 0}}#project div dl dd:last-child{border-radius:0 16px 16px 0}@media (max-width: 799px){#project div dl dd:last-child{display:none}}#project footer{background:linear-gradient(#fff,var(--project-bg-color));height:240px}@media (max-width: 1255px){#project footer{height:160px}}