@import"https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap";.cursor{background-image:url(/cursor/circle.svg);background-repeat:no-repeat;background-position:center;background-size:cover;height:3rem;width:3rem;position:fixed;transform:translate(-40%,-50%);pointer-events:none;z-index:10000}.hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;max-width:100vw;margin:auto;overflow:hidden}.hero header h1{position:relative;z-index:5;font-family:Maven Pro,sans-serif;font-size:3rem;font-weight:600;line-height:120%;margin:2rem 0 1rem;color:#242424;text-align:center}.hero p{z-index:3;font-family:Maven Pro,sans-serif;font-size:1.5rem;font-weight:400;line-height:140%;color:#9a9a9a;text-align:center}.hero img{z-index:4}.hero:before,.hero:after{content:"";position:absolute;left:50%;min-width:300vw;min-height:300vw;background-color:#eee;animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear}.hero:before{bottom:15vh;border-radius:45%;animation-duration:10s}.hero:after{bottom:12vh;opacity:.5;border-radius:47%;animation-duration:10s}@keyframes rotate{0%{transform:translate(-50%) rotate(0)}50%{transform:translate(-50%,-2%) rotate(180deg)}to{transform:translate(-50%) rotate(360deg)}}.portfolio{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;min-height:100vh}.portfolio h2{font-family:Maven Pro,sans-serif;font-size:3rem;font-weight:600;line-height:120%;color:#9a9a9a;margin-bottom:3rem}.portfolio>p{font-family:Maven Pro,sans-serif;font-size:2rem;font-weight:500;line-height:130%;padding:0 .5rem;text-align:center;margin-bottom:25rem}.portfolio>p a{color:#8381dc}.portfolio>p.closed{opacity:1;animation-name:slideUp;animation-duration:.3s;animation-timing-function:ease-in-out;animation-direction:normal;animation-fill-mode:forwards;animation-delay:.75s}.portfolio>p.active{opacity:0;animation-name:slideDown;animation-duration:.3s;animation-timing-function:ease-in-out;animation-direction:normal;animation-fill-mode:forwards;animation-delay:.75s}.portfolio>div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;max-width:120rem}.portfolio>div>div{animation-name:slideDown;animation-duration:.3s;animation-timing-function:ease-in-out;animation-direction:reverse;animation-fill-mode:forwards}.portfolio>div>div.active{animation-name:slideDown;animation-duration:.3s;animation-timing-function:ease-in-out;animation-direction:normal;animation-fill-mode:forwards}.portfolioSegment{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;margin:1rem;overflow-y:hidden;transition:height .3s ease-in-out;opacity:0;padding:2rem;border-radius:1rem;border:1px solid #9A9A9A;max-width:30rem;cursor:url(/cursor/hover.svg),auto}.portfolioSegment.closed{opacity:1;animation-name:slideUp;animation-duration:.3s;animation-timing-function:ease-in-out;animation-direction:normal;animation-fill-mode:forwards}.portfolioSegment.closed:hover{height:2.5rem}.portfolioSegment>img{width:100%;border-radius:1rem;background-color:#9a9a9a;filter:grayscale(1) opacity(.7);transition:filter .3s ease-in-out}.portfolioSegment>img:hover{filter:grayscale(0) opacity(1)}.portfolioSegment.active{opacity:0;animation-name:slideDown;animation-duration:.3s;animation-timing-function:ease-in-out;animation-direction:normal;animation-fill-mode:forwards}.portfolioSegment h6{font-family:Maven Pro,sans-serif;font-size:2rem;font-weight:500;line-height:130%;color:#9a9a9a;width:fit-content;position:relative;transition-property:color,font-size;transition-timing-function:ease-in-out;transition-duration:.3s}.portfolioSegment h6 a{text-decoration:none;color:inherit}.portfolioSegment h6:before{content:"";position:absolute;bottom:0;left:0;width:0;background-color:#eee;height:.1rem;border-radius:.1rem;transition-property:width;transition-timing-function:ease-in-out;transition-duration:.3s}.portfolioSegment p{font-family:Maven Pro,sans-serif;font-size:1.5rem;font-weight:400;line-height:140%;color:#eee;max-width:300px;text-align:center}.portfolioSegment div{display:flex;flex-direction:row;justify-content:center;align-items:center}.portfolioSegment div img{height:3rem;margin:1rem;filter:grayscale(1);transition:filter .3s ease-in-out}.portfolioSegment div img:hover{filter:grayscale(0)}.socials{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;min-height:100vh;width:fit-content;max-width:80rem;padding:0 .5rem}.socials header{margin-bottom:2rem}.socials header h2{font-family:Maven Pro,sans-serif;font-size:3rem;font-weight:600;line-height:120%;text-align:center}.socials .links{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.socials .links a{margin:3rem;filter:grayscale(1);transition:filter .3s ease-in-out}.socials .links a:hover{filter:grayscale(0)}.socials .links a:first-of-type,.socials .links a:last-of-type{opacity:.5;transition:opacity .3s ease-in-out}.socials .links a:first-of-type:hover,.socials .links a:last-of-type:hover{opacity:1}.socials .links a img{height:3rem}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:fit-content;margin:auto;max-width:80rem}.about>*{transform:translateY(5rem);opacity:0;transition:all .3s ease-in-out}.about>*.active{transform:translateY(0);opacity:1}.about header h2{font-family:Maven Pro,sans-serif;font-size:3rem;font-weight:600;line-height:120%;margin-bottom:1rem;text-align:justify}.about h4{font-family:Maven Pro,sans-serif;font-size:3rem;font-weight:600;line-height:120%;color:#9a9a9a;margin-top:3rem}.about img{width:15rem;border-radius:20rem;float:left;filter:grayscale(1);transition:filter .3s ease-in-out}.about img:hover{filter:grayscale(0)}.about p{font-family:Maven Pro,sans-serif;font-size:1.5rem;font-weight:400;line-height:140%;margin:1rem 0;text-align:center}.about div{display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:50rem}.about div p{text-align:left;margin:3rem}.about a{transition-delay:.9s}footer{padding:1rem;display:flex;flex-direction:row;justify-content:center;align-items:center}footer p{color:#9a9a9a;font-family:Maven Pro,sans-serif;font-size:1.5rem;font-weight:400;line-height:140%;text-align:center}footer a{display:inline-block;height:1em;width:3em;background-image:url(/tech-icons/astro.svg);background-position:center;background-repeat:no-repeat;background-size:contain;transform:translateY(.25em)}@keyframes slideDown{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}:root{font-size:12px}*{margin:0;color:#eee}body,main{cursor:url(/cursor/reg.svg),auto;background:#242424;min-height:100vh}a{cursor:url(/cursor/hover.svg),auto}