.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Overpass;src:url(/fonts/overpass-regular.woff2) format("wolf2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary: #1e222a;--color-primary-hover: #d9ff40;--color-secondary-hover: #005fbe;--color-background: #fff;--color-text: #1e222a;--color-text-secondary: 9fb0c5;--color-secondary: #f5f7f9;--color-third: #222939;--gray-gradient: rgba(var(--gray-light), 50%), #fff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Atkinson,sans-serif;background:linear-gradient(var(--gray-gradient)) no-repeat;color:var(--color-text);overflow-wrap:break-word;line-height:1.7;font-size:20px}main{margin:auto;max-width:100%}@keyframes appear{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}section{animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 23%}a svg{vertical-align:middle}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--black));line-height:1.2}h1{font-size:3.4181vmax}h2{font-size:2.7335vmax}h3{font-size:2.1868vmax}h4{font-size:1.75vmax}h5{font-size:1.4vmax}li{list-style:none}p{margin-bottom:1em}@media (min-width: 768px){p:not(footer p){font-size:1.3rem}}hr{width:100%}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}#nav-list li a,#lang-toggle a,#nav-social-links a{text-decoration:none;color:var(--color-text-secondary)}#nav-list{text-align:left}#nav-footer{text-align:right;padding-bottom:2rem}#nav-list li:first-of-type{padding-top:3rem}#nav-list li{width:33%;padding-left:1rem;text-transform:capitalize}.burger{width:50px;height:40px;display:block;top:2%;right:4%;position:absolute;z-index:9999;>span{width:100%;height:20%;background-color:var(--color-primary);display:block;position:absolute;border-radius:2px;&:nth-of-type(1){top:0%;transition:top 60ms linear .14s,transform 60ms ease}&:nth-of-type(2){top:40%;transition:width 1ms linear 60ms}&:nth-of-type(3){top:80%;transition:top 60ms linear .14s,transform 60ms ease}}}.burger.active>span{&:nth-of-type(1){top:40%;transform:rotate(45deg);transition:top linear 60ms,transform 60ms ease .14s;background-color:var(--color-background)}&:nth-of-type(2){width:0;background-color:var(--color-background)}&:nth-of-type(3){top:40%;transform:rotate(-45deg);transition:top linear 60ms,transform 60ms ease .14s;background-color:var(--color-background)}}#nav-header{display:none}#nav-links{display:grid;margin-bottom:3.5rem;margin-top:1rem;background-color:var(--color-primary);margin:0;padding:0 10px 0 0;transition:opacity .4s ease,max-height .4s ease;color:var(--color-background);text-decoration:none;font-size:1.2rem}#nav-links.hidden{opacity:0;max-height:0;pointer-events:none}@media (min-width: 768px){#burger{display:none}#nav-header{display:block}#nav-links{opacity:1!important;max-height:none!important;pointer-events:auto!important;display:grid;grid-auto-flow:column;padding-bottom:10px;padding-top:10px;padding-left:1rem}#nav-list{margin-inline:auto}#nav-list,#nav-footer{display:grid;grid-auto-flow:column;gap:0}#nav-list li{padding:0;margin:0;width:auto}#nav-list li:first-of-type{padding-top:0}#nav-footer{margin-left:auto;padding-bottom:0}#lang-toggle{margin-left:10px}#nav-list.hidden{opacity:1!important;transform:translateY(0)!important;pointer-events:all!important}#nav-list li{padding-left:0;margin:0 .8rem}#nav-list li:hover{background-color:var(--color-primary);& a{color:var(--color-background)}}.link{width:33.3vmin;height:10vmin}@media (min-width: 600px){.link{width:150px;height:50px}.linkEffect{position:relative;margin:auto}}.linkEffect{display:inline-block;position:relative;text-decoration:none;color:var(--color-secondary);transition:color .3s ease}.linkEffect--insideOut:before{content:"";position:absolute;width:0%;height:2px;bottom:-1px;left:50%;background-color:#fff;transition:width .3s ease,left .3s ease}.linkEffect--insideOut:hover:before{width:100%;left:0}}section{width:100%;min-height:100vh;padding:2rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:5vmin}h1,h2{margin-bottom:1rem;text-align:center;font-weight:900}.links{block-size:fit-content}.btn-syle-1{background:transparent;outline:none;position:relative;border:2px solid var(--color-primary);padding:15px 50px;overflow:hidden;text-transform:uppercase}.btn-syle-1:hover{cursor:pointer}.btn-syle-1:hover:before{opacity:1;transform:translate(0)}.btn-syle-1:before{content:attr(data-hover);position:absolute;top:1.1em;left:0;width:100%;text-transform:uppercase;letter-spacing:3px;font-weight:800;font-size:.8em;opacity:0;transform:translate(-100%);transition:all .3s ease-in-out}.btn-syle-1:hover div{opacity:0;transform:translate(100%)}.btn-syle-1 div{text-transform:uppercase;letter-spacing:3px;font-weight:800;font-size:.8em;transition:all .5s ease-in-out}.btn,.button-link{display:inline-block;padding:.75rem 1.5rem;margin:.5rem;background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:5px;text-decoration:none;font-size:1rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}.projects-list{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:600px}.project{background:var(--color-secondary);padding:1rem;border-radius:10px;text-align:center}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.skill{background-color:var(--color-secondary);color:var(--color-text);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;text-transform:uppercase}.contact-form{display:flex;flex-direction:column;width:100%;max-width:400px}.contact-form input,.contact-form textarea{margin-bottom:1rem;padding:.75rem;border:1px solid var(--color-secondary);border-radius:5px;width:100%}.contact-form button{background-color:var(--color-accent)}.contact-form button:hover{background-color:var(--color-accent-hover)}footer{width:100%;padding:2rem 1rem;text-align:center;background-color:var(--color-secondary);color:var(--color-third);font-size:.875rem}footer p{margin:0}@media (min-width: 600px){footer{padding:3rem 2rem;font-size:1rem}}@media (min-width: 1024px){footer{text-align:center;padding:4rem 5%;font-size:1.125rem}}.social-links{display:flex;justify-content:center;gap:1em;margin-top:1em}.social-links a{text-decoration:none;color:var(--color-third)}.social-links a:hover{color:var(--color-secondary-hover)}#blog-title{margin-top:10vmin;text-transform:uppercase;font-size:4vmax;padding-left:20%;text-align:left}.blog{padding-inline:13%;padding-top:0;padding-bottom:0}.posts a{color:var(--color-text);text-transform:capitalize;text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:color linear .6s}.posts a:hover{color:var(--color-secondary-hover)}.posts ul{text-decoration:none}.posts hr{padding:0;border:0;height:10px;margin:40px auto;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='10'  viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-miterlimit='10'%3e%3cpath fill='none' d='M0 0h20v10H0z'/%3e%3cclipPath id='a'%3e%3cpath d='M0 0h20v10H0z'/%3e%3c/clipPath%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M20 7.384c-4.999-.001-5-4.768-9.999-4.768C5 2.616 5 7.384 0 7.384' fill='none' stroke-width='3' stroke='%2356585c'/%3e%3c/g%3e%3c/svg%3e")}.posts hr:first-child{display:none}.post{margin-inline:5%;margin-bottom:1%}.post:last-of-type{margin-bottom:0}header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}header a{display:inline-block}.post-date{font-family:Atkinson,sans-serif;font-size:4vmin;font-weight:700;white-space:nowrap}.post-date:before{content:"-"}.date{text-align:center;width:100%;padding-top:6%}.post-article{display:flex;flex-direction:column;padding-inline:20%}.post-article article h2,h1{text-align:left}.post-article article section{min-height:10vh}.post-title{text-align:center}@media (min-width: 769px){.post-article{padding-inline:30%}}.post-content{font-family:Atkinson,sans-serif;font-size:20px;h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--color-text));line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media (max-width: 720px){body{font-size:18px}main{padding:1em}}a{color:var(--color-text);text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:color linear .6s}a:hover{color:var(--color-secondary-hover)}}@media (min-width: 768px){.mouse{position:absolute;width:22px;height:42px;bottom:10%;left:50%;margin-left:-12px;border-radius:15px;border:2px solid var(--color-third);animation:intro 1s}.scroll{display:block;width:3px;height:3px;margin:6px auto;border-radius:4px;background:var(--color-third);animation:finger 1s infinite}@keyframes intro{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes finger{0%{opacity:1}to{opacity:0;transform:translateY(20px)}}}#about-me{padding-bottom:10%;padding-top:10%}#about-me,#contact{min-height:0}.about-content,#about-me h2,#about-me p{padding-inline:10%}.about-content h3,.about-me p:first-of-type{text-align:center}#contact p{padding-inline:20%}#contact a{color:var(--color-third);font-weight:700}.mail{color:var(--color-text);text-underline-offset:4px}.need-highlited em{background-color:var(--color-secondary-hover);color:var(--color-secondary)}.wip{display:none}.tool,.project-tool{background-color:var(--color-third);color:var(--color-secondary)}.project-tool{padding:5px 10px;border-radius:5px;display:inline-block;margin-right:5px;margin-bottom:5px}#post-return-link{display:none}@media screen and (min-width: 1024px){#post-return-link{display:block;padding-left:2rem;text-decoration:none;color:var(--color-secondary-hover)}#post-return-link:before{content:"←"}}