/* Hi! This file was generated, so it's hard to read. The source code is at home-page/index.html.scss */
:root{color-scheme:dark;} .visually-hidden{clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px;}button{-webkit-appearance:none; appearance:none; border:none; padding:0; background:none; font:inherit; color:inherit;}button:not(:disabled){cursor:pointer;}a{text-decoration:none; color:inherit;}html{height:100%;}body{display:flex; flex-direction:column; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';margin:0; background-color:#171931; color:rgba(255,255,255,0.7); word-break:break-word; min-height:100%;}code,pre{font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;}.strip{position:absolute; z-index:-1; top:0; left:0; right:0; height:145px; background-image:linear-gradient(90deg,#20de88,#28bbe8); -webkit-mask-image:linear-gradient( to top,transparent,rgba(0,0,0,0.08) 10px,rgba(0,0,0,0.25) 20px,black 20px);mask-image:linear-gradient( to top,transparent,rgba(0,0,0,0.08) 10px,rgba(0,0,0,0.25) 20px,black 20px);}.intro{position:fixed; bottom:50%; right:50%; z-index:5; transform-origin:bottom right; animation:to-corner-then-disappear 2s cubic-bezier(0.7,0,0.35,1) 1.2s forwards;}@keyframes to-corner-then-disappear{ 0%{bottom:50%; right:50%; transform:scale(1);}70%{bottom:35px; right:35px; opacity:1; transform:scale(0.5);} 80%{bottom:35px; right:35px; opacity:1; transform:scale(0.5);}100%{bottom:35px; right:35px; opacity:0; transform:scale(0.5);}}.intro-back{position:absolute; top:50%; left:50%; border-radius:50%; background-color:black; pointer-events:none; transform:translateZ(0); animation:circle-in 0.8s 0.8s both;}@keyframes circle-in{from{ width:142vmax; height:142vmax; margin:-71vmax;}to{width:100px; height:100px; margin:-50px;}}.logo{position:absolute; width:90px; top:50%; left:50%; transform:translate(-50%,-48%); pointer-events:none;}.logo-path{fill:none; stroke:rgba(255,255,255,0.7); stroke-width:20; animation:stroke-intro 1s 0.5s backwards;}@keyframes stroke-intro{from{stroke-dasharray:0 1376; stroke-dashoffset:-170;}to{stroke-dasharray:1376 0; stroke-dashoffset:-730;}}.from-sheep .logo-path{animation:none;}sheep-btn{animation:do-not-show-so-quickly 0.2s 2.4s backwards;}@keyframes do-not-show-so-quickly{from{opacity:0;}to{opacity:1;}}.about{max-width:600px; width:100%; margin:0 auto; grid-area:sidebar;}.card{border-radius:10px; overflow:hidden; padding:0 20px; margin:20px; background-color:#24364a; box-shadow:0 3px 10px rgba(0,0,0,0.5); border:1px solid rgba(151,189,179,0.2);}.card p,.card h2{margin:15px 0;}.card h2{color:rgba(255,255,255,0.9); font-weight:normal;}.a11y-link:focus{position:fixed; z-index:5; top:0; left:0; margin:20px; background:white; color:#066460; padding:10px 20px; box-shadow:0 3px 10px rgba(0,0,0,0.5); border-radius:5px; overflow:visible; width:auto; height:auto; clip:auto; clip-path:none;}.card h1{margin:0; height:105px; box-sizing:border-box; padding:10px 0; display:inline-flex; align-items:flex-end; -webkit-background-clip:text; background-clip:text; color:transparent; background-image:linear-gradient(90deg,#20de88,#28bbe8); font-size:4rem;}.me-photo{display:block; width:calc(100% + 200px); margin:0 -100px; aspect-ratio:2.1; object-fit:cover; object-position:50% -20px;}.gradient{margin:0 -20px; height:115px; margin-top:-100px; margin-bottom:-60px; background-image:linear-gradient( transparent,#24364a 80%,#24364a);position:relative;}.about-me{position:relative;}.card .datum{margin-top:1em;}.attribute{background-color:#111213; text-transform:uppercase; font-size:0.8em; padding:5px 10px; border-radius:50px;}.colon{color:transparent;}.emoji{ color:white;}.age-clickable{cursor:pointer; color:rgba(255,255,255,0.9);}.age{position:relative; display:inline-block; -webkit-user-select:none; user-select:none;}.age span{position:absolute; -webkit-user-select:text; user-select:text; color:rgba(255,255,255,0.8);}.age span::after{content:attr(data-last); color:var(--last); position:absolute; top:1em; left:0;}.insignificant{opacity:0.4;}.socials{display:grid; grid-template-columns:repeat(auto-fill,minmax(40px,1fr)); gap:5px; overflow:hidden; border-radius:15px; margin:0;}.social{display:block; position:relative; padding-bottom:100%; background-color:white; border-radius:15%; box-sizing:border-box; transition:transform 0.2s; z-index:1; overflow:hidden;}.social-instagram{ background-image:linear-gradient(168.6776deg,#3771c8,transparent 40%),radial-gradient( 100% 100% at 26.3651908% 107.693077%,#fd5 10%,#ff543e 50%,#c837ab 100%);}.social-thick .ball{border-width:10px;}.social-jsperf{background-image:linear-gradient(#6ca5dd,#1a6ab9);}.social-piskel{background-image:linear-gradient( 90deg,transparent 0 33.3%,rgba(0,0,0,0.25) 33.3% 66.7%,rgba(0,0,0,0.5) 66.7% 100%),linear-gradient( #2a6fff 0%,#2a6fff 33.3%,#00ee00 33.3%,#00ee00 66.7%,#ff0000 66.7%,#ff0000 100%);}.social-devpost{background-image:linear-gradient( 90deg,#3acce6 20%,transparent 20%,transparent 80%,#3acce6 80%);}.social-gmaps::before,.social-gmaps::after{content:'';display:block; position:absolute; top:-100%; bottom:-100%; left:0; right:0; margin:0 auto;  width:calc(100% * 1.4142135623730951 / 3); z-index:-1; transform:rotate(45deg);}.social-gmaps::before{background-image:linear-gradient(#1b73e8 50%,#ea4336 50%); transform:rotate(45deg) translateX(-100%);}.social-gmaps::after{background-image:linear-gradient(#4285f4 50%,#fabd05 50%);}.social-tiktok .ball{box-shadow:3px 0 0 #fe2b54,-3px 0 0 #22f5ed,inset 3px 0 0 #fe2b54,inset -3px 0 0 #22f5ed;}.social-leetcode .ball{border-color:#ffa115; border-left-color:black; border-right-color:white;}.social-leetcode .ball::after{content:'';display:block; position:absolute; top:50%; left:50%; width:100%; padding:0 2.5px; height:5px; background-color:#b3b3b3; border-radius:5px; margin:-2.5px; }.social-steam{background-image:linear-gradient( to bottom,#111d2e 0%,#051839 21.2%,#0a1b48 40.7%,#132e62 58.1%,#144b7e 73.8%,#136497 87.3%,#1387b8 100%);}.social-acm{background-image:conic-gradient( from 135deg,#ff6d6d 0%,#fda44e 17.1875%,#ffdc24 34.8958%,#38cf6b 52.6042%,#62b0ff 71.3542%,#816dff 87.5%,#ff6d6d 100%);}.social-suno{background-image:radial-gradient( 100% 100% at 75% 75%,#d79aeb,#f47e47,#801d70);}.social-figma .ball{border-top-color:#ff7237; border-left-color:#874fff; border-bottom-color:#24cb71;}.ball{position:absolute; width:50%; height:50%; margin:25%; border-radius:50%; background-color:white; border:5px solid transparent; box-sizing:border-box; transition:all 0.2s;}.border-ball{border-color:white; background-color:transparent;}.social-name{font-size:0; position:absolute;}.usernames{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); margin:20px 0; gap:10px;}.username{display:flex; text-decoration:none; color:inherit; align-items:center;}a.username:hover{color:white;} .username-icon{width:32px; height:32px; padding:0;}.block-link{display:flex; text-decoration:none; color:inherit; margin:0 -20px; border-top:1px solid rgba(151,189,179,0.2); padding:20px;}.no-subtitle{padding:0 20px; height:64px; align-items:center;}.block-link:hover{background-color:#1f2e3f;}.block-link-content{flex:auto;}.block-link-title{display:block; font-size:1.2em; color:rgba(255,255,255,0.8);}.block-link-subtitle{font-size:0.9em;}.block-link-icon-wrapper{flex:none;}.block-link-icon{display:block; width:32px; height:32px;}.resume-icon{background-image:url('/home-page/icons/feather-arrow-right.svg'); background-position:center; background-repeat:no-repeat; transition:transform 0.2s;}.block-link:hover .resume-icon{transform:translateX(5px);}.projects-info{padding:0 20px; width:100%; max-width:600px; margin:0 auto; box-sizing:border-box;}.projects-heading{grid-area:projects-heading;}.projects-header{font-weight:lighter; font-size:3.5rem; margin:0; color:rgba(255,255,255,0.9);}.projects-note{margin:10px 0; margin-bottom:20px;}.link{color:#1ce0e0;}.link:hover{text-decoration:underline;}.warning{padding:20px; border-radius:10px; background-color:#dd2263; color:white; box-shadow:0 3px 10px rgba(0,0,0,0.5); margin:20px 0;}.old-js-warning{display:none;}.old-js .old-js-warning{display:block;}.search-form{position:sticky; bottom:15px; z-index:2; height:40px; grid-area:search;}.search-form:focus-within .search-wrapper{position:fixed; z-index:10; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:20px; gap:20px; background-color:rgba(0,0,0,0.5); display:flex; flex-direction:column; align-items:center; justify-content:center;}.search{height:40px; width:100%; border-radius:40px; border:0; padding:0 20px; padding-left:36px; background-image:url('./icons/feather-search.svg'); background-position:8px; background-repeat:no-repeat; font:inherit; color:inherit; background-color:#24364a; box-shadow:0 3px 10px rgba(0,0,0,0.5); border:1px solid rgba(151,189,179,0.2); flex:none;}.search::placeholder{color:color-mix(in srgb,currentColor,transparent 50%);}.search-form:focus-within .search{max-width:800px;}.suggestions{width:100%; max-width:800px; margin-bottom:auto; overflow:auto; -webkit-overflow-scrolling:touch; background-color:#24364a; box-shadow:0 3px 10px rgba(0,0,0,0.5); border:1px solid rgba(151,189,179,0.2); box-sizing:border-box; padding:10px; border-radius:20px; display:none; scroll-padding:10px;}.search-form:focus-within .suggestions{display:block; transition:opacity 0.5s,transform 0.5s,visibility 0.5s; animation:suggestions-appear 0.5s;}.search-form:focus-within .no-results{animation-duration:0s; opacity:0; pointer-events:none; visibility:hidden; transform:translateY(20px);}  @keyframes suggestions-appear{from{pointer-events:none;}to{pointer-events:none;}}.suggestion{display:flex; flex-direction:column; padding:5px 10px; border-radius:10px;}.selected{background-color:rgba(255,255,255,0.1);}.suggestion:not(.selected):hover{background-color:#1f2e3f;}.suggestion strong{color:#1ce0e0;}.suggestion-desc,.suggestion-path{white-space:pre-wrap;}.suggestion-desc{font-size:0.8em;}.suggestion-path{font-size:0.8em; color:rgba(255,255,255,0.5);}.tags-wrapper{grid-area:tags;}.filter-by,.filters{display:none;}.has-js .filter-by,.has-js .filters{display:flex;}.filter-by{margin:0; font-weight:normal; font-size:0.9em; text-transform:uppercase; margin-top:20px; color:rgba(255,255,255,0.5);}.filters{flex-wrap:wrap; gap:10px; margin:0; margin-top:10px;}.base-tag{background-position:center,30px 30px,0 0; background-repeat:no-repeat; background-size:75%,75%,auto; transition:opacity 0.5s,background-position 0.2s;}.tag-recommend{background-color:#f0db20;}.tag-recommend{background-image:url('/home-page/icons/tag-recommend.svg'),url('/home-page/icons/feather-check-black.svg'),linear-gradient( 150deg,#f0db20,#efb302);}.filter-tag{display:flex; cursor:pointer; background-color:#24364a; border-radius:50px; height:30px; padding:3px; box-shadow:0 2px 5px rgba(0,0,0,0.15); transition:background-color 0.2s,color 0.2s;}.filter-tag:hover{background-color:#1f2e3f;}.filter-checkbox:focus-visible + .filter-tag{box-shadow:0 0 0 1px black,0 0 0 2px white;}.filter-checkbox:checked + .filter-tag{background-color:white; color:#111213;}.filter-tag-icon{width:30px; border-radius:50%;}.filter-checkbox:checked + .filter-tag .tag-recommend{background-position:-30px -30px,center,0 0;}.filter-tag-name{margin-left:8px; margin-right:10px; align-self:center;}.tag-game{background-color:#aaec12;}.tag-game{background-image:url('/home-page/icons/tag-game.svg'),url('/home-page/icons/feather-check-black.svg'),linear-gradient( 150deg,#aaec12,#2ac213);}.filter-checkbox:checked + .filter-tag .tag-game{background-position:-30px -30px,center,0 0;}.tag-new{background-color:#0accb9;}.tag-new{background-image:url('/home-page/icons/tag-new.svg'),url('/home-page/icons/feather-check-black.svg'),linear-gradient( 150deg,#0accb9,#0689a7);}.filter-checkbox:checked + .filter-tag .tag-new{background-position:-30px -30px,center,0 0;}.tag-utility{background-color:#24b1f8;}.tag-utility{background-image:url('/home-page/icons/tag-utility.svg'),url('/home-page/icons/feather-check.svg'),linear-gradient( 150deg,#24b1f8,#2966d7);}.filter-checkbox:checked + .filter-tag .tag-utility{background-position:-30px -30px,center,0 0;}.tag-visual{background-color:#dc14eb;}.tag-visual{background-image:url('/home-page/icons/tag-visual.svg'),url('/home-page/icons/feather-check.svg'),linear-gradient( 150deg,#dc14eb,#7c1cf1);}.filter-checkbox:checked + .filter-tag .tag-visual{background-position:-30px -30px,center,0 0;}.tag-directory{background-color:#97a6b4;}.tag-directory{background-image:url('/home-page/icons/tag-directory.svg'),url('/home-page/icons/feather-check-black.svg'),linear-gradient( 150deg,#97a6b4,#7b8098);}.filter-checkbox:checked + .filter-tag .tag-directory{background-position:-30px -30px,center,0 0;}.tag-school{background-color:#e09304;}.tag-school{background-image:url('/home-page/icons/tag-school.svg'),url('/home-page/icons/feather-check-black.svg'),linear-gradient( 150deg,#e09304,#fe7716);}.filter-checkbox:checked + .filter-tag .tag-school{background-position:-30px -30px,center,0 0;}.tag-incomplete{background-color:#de4b88;}.tag-incomplete{background-image:url('/home-page/icons/tag-incomplete.svg'),url('/home-page/icons/feather-check.svg'),linear-gradient( 150deg,#de4b88,#d24343);}.filter-checkbox:checked + .filter-tag .tag-incomplete{background-position:-30px -30px,center,0 0;}.tag-unintuitive{background-color:#a8713e;}.tag-unintuitive{background-image:url('/home-page/icons/tag-unintuitive.svg'),url('/home-page/icons/feather-check.svg'),linear-gradient( 150deg,#a8713e,#78402d);}.filter-checkbox:checked + .filter-tag .tag-unintuitive{background-position:-30px -30px,center,0 0;}.projects{display:grid; grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); padding:20px 0; grid-auto-flow:dense; margin:0; grid-area:projects;}.project{display:block; position:relative; padding-bottom:100%; color:inherit; background-image:linear-gradient(45deg,#20de88,#28bbe8); transition:box-shadow 0.5s;}.showing-desc::after{content:'';background-color:#24364a; width:24px; height:24px; margin:-12px; transform:rotate(45deg); box-sizing:border-box; border-top-left-radius:5px; position:absolute; bottom:0; left:50%; }.thumbnail{position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; opacity:0.7; filter:grayscale(1); transition:opacity 0.5s,filter 0.5s;}.showing-desc .thumbnail{opacity:1; filter:grayscale(0); transition:opacity 0.2s,filter 0.2s;}.title{display:block; position:absolute; bottom:0; left:0; right:0; z-index:1; background-image:linear-gradient( 0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.2) 70%,rgba(0,0,0,0.05) 90%,transparent 100%);padding:10px 15px; padding-top:30px; font-size:1px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; color:white; opacity:0; transition:opacity 0.2s;}.tags{display:flex; position:absolute; top:0; left:0; z-index:1; margin:8px;}.tag{display:block; width:24px; height:24px; border-radius:50%; margin-right:8px; opacity:0; transition-delay:0s; box-shadow:0 2px 5px rgba(0,0,0,0.15);}.project.showing-desc .tag{opacity:0; pointer-events:none;}.project:hover .tag:nth-child(1){transition-delay:calc(0.1s * 1);}.show-info-btn{display:none; position:absolute; top:0; right:0; z-index:1; padding:6px;}.show-info-icon{display:block; width:36px; height:36px; background-color:rgba(0,0,0,0.3); background-image:url('/home-page/icons/feather-info.svg'); background-size:24px; background-repeat:no-repeat; background-position:center; border-radius:50%; box-shadow:0 1px 4px rgba(0,0,0,0.5); opacity:0; transition:opacity 0.5s,background-color 0.2s,box-shadow 0.2s; transition-delay:0.05s,0,0;}.show-info-btn:hover .show-info-icon{background-color:rgba(0,0,0,0.8); box-shadow:0 3px 5px rgba(0,0,0,0.5);}.show-info-btn:focus-visible .show-info-icon{opacity:1; background-color:black;}.project:hover .tag:nth-child(2){transition-delay:calc(0.1s * 2);}.project:hover .tag:nth-child(3){transition-delay:calc(0.1s * 3);}.tinder-note{margin:0; padding:20px; padding-bottom:0; grid-column:1 / -1;}.description{display:flex; flex-direction:column; align-items:flex-start; background-color:#24364a; grid-column:1 / -1; line-height:1.5;}.description-body{width:100%; max-width:680px; box-sizing:border-box; padding:20px;}.desc-title{margin:0; flex:auto; color:rgba(255,255,255,0.9); font-weight:normal; font-size:2em; line-height:1.1;}.desc-tag{display:inline-flex; height:30px; overflow:hidden; margin-top:10px; margin-right:10px; border:1px solid rgba(151,189,179,0.2); border-radius:50px; padding:3px;}.desc-tag-icon{width:30px; border-radius:50%;}.desc-tag-name{border-left:none; padding-right:10px; padding-left:8px; display:flex; align-items:center;}.description-text p{margin:10px 0;}.description-text p:last-child{margin-bottom:0;}.desc-visit{text-transform:uppercase; background-color:#1ce0e0; color:black; padding:10px 20px; margin:20px; margin-top:0; border-radius:50px; font-weight:bold; transition:background-color 0.2s;}.desc-visit:hover{background-color:rgba(255,255,255,0.05);}.about-bottom{grid-area:sidebar-bottom;}.about-bottom .card:first-child{margin-top:0;}.card p{line-height:1.4;}.legal{text-align:justify; hyphens:auto;}footer{background-image:url('./geocities/stars2.gif'); background-size:400px; grid-area:footer; display:flex; flex-direction:column; font:unset; color:white; text-align:center;}footer img{max-width:100%;}.footer-gradient{height:500px; background-image:linear-gradient( to bottom,#171931,black,transparent);}.footer-content{padding:20px;}@media (hover:hover){a.username:hover .social{transform:scale(1.1);}a.social:hover .ball,a.username:hover .ball{transform:scale(1.2);}.project:not(.showing-desc):hover{box-shadow:0 5px 15px rgba(0,0,0,0.8); transition:box-shadow 0.2s; z-index:1;}.project:hover .thumbnail{opacity:1; filter:grayscale(0); transition:opacity 0.2s,filter 0.2s;}.project:not(.showing-desc):hover .tag{opacity:1;}.project:not(.showing-desc):hover .show-info-icon{opacity:1;}}@media (min-width:680px){.socials{grid-template-columns:repeat(auto-fill,minmax(50px,1fr)); gap:10px;}.projects{grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:20px; padding:20px;}.project{border-radius:10px; box-shadow:0 2px 5px rgba(0,0,0,0.3);}.showing-desc::after{top:calc(100% + 20px); bottom:unset; border-top-left-radius:10px; border:1px solid transparent; border-top-color:rgba(151,189,179,0.2); border-left-color:rgba(151,189,179,0.2);}.thumbnail{border-radius:10px;}.title{font-size:1.5rem; opacity:0.5;}.project.showing-desc .title{opacity:0; pointer-events:none;}.has-js .show-info-btn{display:block;}.tinder-note{padding:0;}.description{align-items:center; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,0.5); border:1px solid rgba(151,189,179,0.2);}.desc-visit{display:none;}}@media (min-width:680px) and (hover:hover){.project:not(.showing-desc):hover .title{opacity:1;}}@media (min-width:1000px){body{display:grid; grid-template-columns:auto 1fr; grid-template-areas:'sidebar projects-heading' 'sidebar search' 'sidebar tags' 'sidebar projects' 'sidebar-bottom projects' 'footer footer';grid-template-rows:repeat(4,auto) 1fr auto;}.strip{height:60px;}.about{flex:none; width:500px;}.card{margin-left:40px;}.card h1{height:unset;}.socials{gap:20px; overflow:unset;}.projects-info{margin:0; max-width:none;}.projects-header{margin-top:60px;}.search-form{position:static;}.search{max-width:400px;}.projects{align-self:start;}}@media (hover:hover) and (min-width:1000px){a.social{transform:scale(1.1);}}