@import"https://fonts.cdnfonts.com/css/futura-lt";.providers-view{background-color:var(--clr-bg-primary);overflow:hidden;height:100dvh;width:100%;top:0;left:0;position:fixed;opacity:0;transition:opacity var(--trans-fast);z-index:90}.providers-view[state=opened]{opacity:1}.view-menu{border-bottom:1px solid var(--clr-primary);display:flex;width:100%}.providers-view iframe{background-color:var(--clr-bg-primary);max-height:calc(100% - 80px);height:calc(100% - 80px);position:relative;outline:none;border:none;width:100%}.view-menu button{transition:color var(--trans-fast);font-weight:500;background-color:transparent;font-size:var(--font-size-m);border-radius:10px;padding:8px 14px;color:var(--clr-primary);border:none;margin:10px}@media (hover: hover) and (pointer: fine){.view-menu button:hover{color:var(--clr-accent);text-decoration:underline}}#timeline{font-size:var(--font-size-s);flex-direction:column;position:relative;display:flex;gap:50px}.timeline-item{transition:background-color var(--trans-fast);grid-template-columns:.3fr 1fr;grid-template-rows:auto;box-sizing:border-box;border-radius:10px;place-items:start;padding:18px 10px;display:grid}.timeline-item .skills{color:var(--clr-bg-primary);margin-top:14px;flex-wrap:wrap;display:flex;gap:8px}.timeline-item .skills div{background-color:var(--clr-accent);font-size:var(--font-size-s);border-radius:5px;padding:6px 12px}.timeline-item:active{background-color:var(--clr-accent-dim)}@media (hover: hover) and (pointer: fine){.timeline-item:hover{background-color:var(--clr-accent-dim)}}@media (max-width: 1024px) and (min-width: 0),(max-width: 1024px) and (min-device-width: 0){.timeline-item{grid-template-columns:1fr;grid-template-rows:auto auto;gap:10px}}#projects{font-size:var(--font-size-s);position:relative;display:flex;flex-direction:column;gap:50px}#projects .project{transition:background-color var(--trans-fast);grid-template-columns:.3fr 1fr;grid-template-rows:auto;box-sizing:border-box;border-radius:10px;place-items:start;padding:10px;display:grid}#projects .project img{transition:filter var(--trans-fast);width:calc(100% - 20px);border-radius:6px;position:relative;aspect-ratio:16/9;filter:grayscale()}#projects .project:active{background-color:var(--clr-accent-dim)}#projects .project:active h5{color:var(--clr-accent)}#projects .project:active img{filter:none}@media (hover: hover) and (pointer: fine){#projects .project:hover{background-color:var(--clr-accent-dim)}#projects .project:hover h5{color:var(--clr-accent)}#projects .project:hover img{filter:none}}@media (max-width: 1024px) and (min-width: 0),(max-width: 1024px) and (min-device-width: 0){#projects .project{grid-template-rows:auto auto;place-items:center;grid-template-columns:1fr;gap:10px}#projects .project img{width:100%}}header{min-height:calc(100dvh - 180px);max-height:100dvh;justify-content:space-between;flex-direction:column;margin-top:90px;position:sticky;display:flex;top:90px}header nav{position:relative;margin-top:20px}header h2{color:var(--clr-accent)}header nav a{transition:padding-left var(--trans-fast),color var(--trans-fast);font-size:var(--font-size-m);font-weight:medium;padding:10px 10px 10px 50px;position:relative;display:block}header nav a:before{transition:background-color var(--trans-fast),width var(--trans-fast);background-color:var(--clr-primary);top:calc(50% - .5px);position:absolute;content:"";width:30px;height:1px;left:0}header nav a[view=true],header nav a:hover{color:var(--clr-accent);padding-left:80px}header nav a[view=true]:before,header nav a:hover:before{background-color:var(--clr-accent);width:60px}.section-social{align-items:center;display:flex;gap:14px}.section-social svg{transition:fill var(--trans-fast);fill:var(--clr-primary);height:24px;width:24px}.section-social a:active svg{fill:var(--clr-accent)}@media (hover: hover) and (pointer: fine){.section-social a:hover svg{fill:var(--clr-accent)}}@media (max-width: 1024px) and (min-width: 0),(max-width: 1024px) and (min-device-width: 0){header{position:relative;justify-content:unset;min-height:auto;top:auto;place-self:start;margin-left:10px}header nav{display:none}}footer{font-size:var(--font-size-s);padding:10px 10px 90px}footer p{text-align:center;margin:0}#about{box-sizing:border-box;padding:10px}#about p{text-align:justify left}.mouse-effect-container{overflow:hidden;position:fixed;height:100dvh;width:100%;z-index:-1;left:0;top:0}.mouse-effect{background:radial-gradient(closest-side,var(--clr-accent),transparent);left:calc(50% - 20vw);top:calc(50% - 20vw);filter:blur(30px);position:absolute;opacity:.075;height:40vw;width:40vw}@media (max-width: 1024px) and (min-width: 0),(max-width: 1024px) and (min-device-width: 0){.mouse-effect-container{display:none}}.section-home{grid-template-columns:420px 1fr;place-items:start center;padding:0 60px;box-sizing:border-box;position:relative;min-height:100vh;grid-row:auto;display:grid;margin:0 auto;width:1280px;gap:60px}.section-home main{flex-direction:column;margin-top:90px;display:flex;gap:100px}.sticky_nav{position:sticky;background-color:var(--clr-bg-primary-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:0;padding:20px 10px;z-index:10;display:none}@media (max-width: 1280px) and (min-width: 0),(max-width: 1280px) and (min-device-width: 0){.section-home{width:100%}}@media (max-width: 1024px) and (min-width: 0),(max-width: 1024px) and (min-device-width: 0){.sticky_nav{display:block}.section-home{grid-template-columns:1fr;grid-row:auto auto}.section-home main{margin-top:0;gap:60px}}:root{--clr-bg-primary: #f6f6f6;--clr-bg-primary-dim: #f6f6f6cc;--clr-primary: #444444;--clr-accent: #2925b5;--clr-accent-dim: #44444410}:root{--trans-slowest: 1s ease;--trans-slow: .8s ease;--trans-medium: .5s ease;--trans-regular: .4s ease;--trans-fast: .3s ease;--font-size-xxxl: 4.209rem;--font-size-xxl: 3.157rem;--font-size-xl: 2.369rem;--font-size-l: 1.777rem;--font-size-ml: 1.333rem;--font-size-m: 1rem;--font-size-s: .8rem;--font-size-xs: .7rem;color-scheme:"light"}html{scroll-behavior:smooth;scroll-padding:60px;font-size:100%}body{background-color:var(--clr-bg-primary);font-family:Futura LT,sans-serif;color:var(--clr-primary);position:relative;min-height:100dvh;min-width:400px;padding:0;margin:0}h1,h2,h3,h4,h5,h6{line-height:1.5;margin:0}h1{font-size:var(--font-size-xxxl);font-size:2.027rem;font-weight:700}h2{font-size:var(--font-size-xxl);text-transform:uppercase;letter-spacing:12.6px;font-weight:400;font-size:1.802rem}h3{font-size:var(--font-size-xl);font-size:1.602rem;font-weight:700}h4{font-size:var(--font-size-l);font-size:1.424rem;font-weight:500}h5{font-size:var(--font-size-m);text-transform:uppercase;font-weight:400;font-size:1.266rem}h6{font-size:var(--font-size-m);font-weight:lighter;letter-spacing:1px;font-size:1.125rem}p{line-height:1.5}.p-top{margin-top:0}small,.text_small{font-size:var(--font-size-s)}input,button,select,textarea,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}::selection{background-color:var(--clr-accent);color:var(--clr-bg-primary)}a:visited,a:link,a:active{color:inherit}.no-links a:visited,.no-links a:link,.no-links a:active,nav a:visited,nav a:link,nav a:active{text-decoration:none;color:auto}.no-sel::selection{background-color:transparent}.scroll-snap-start{scroll-snap-align:start}.scroll-snap-end{scroll-snap-align:end}.scroll-snap-center{scroll-snap-align:center}.ptr:hover{cursor:default}.bt:hover{cursor:pointer}.sticky{position:relative}@supports (position: sticky){.sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}}*[visibility=hidden]{display:none}