*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}:root{--border-radius: .5em;--bg-color: #f5f5f5;--text-color: #212121;--primary-blue: #1e90ff}h1{font-size:2.625rem;margin-block:1.25em;margin-top:0}h2{margin-block:1em;font-size:2rem}h2:hover{user-select:none}h3{font-size:1.375rem}p{font-size:1rem}a:not(.btn):focus{padding:.2em;border-radius:var(--border-radius);outline:1px solid var(--primary-blue)}body{font-size:16px;color-scheme:light dark;font-family:Roboto,sans-serif;background:var(--bg-color);color:var(--text-color)}.container{max-width:90%;padding-inline:1em;margin-inline:auto;overflow:hidden}.btn{display:block;font-size:1rem;padding:.8em;border-radius:var(--border-radius);background:var(--primary-blue);color:#fff;width:fit-content;outline:none;border:none;transition:all ease-in-out .3s;user-select:none}.btn:focus,.btn:hover{outline:1px solid var(--primary-blue);outline-offset:.25em;text-shadow:1px 1px 2px #427388}@media (prefers-color-scheme: dark){:root{--bg-color: #d3d3d3;--text-color: #212121}}@media (max-width:400px){.container{max-width:100%}}.about-section{margin-top:5em;font-size:1rem}.about-text>p{margin-block:1em;line-height:1.8}.card-container{display:flex;justify-content:space-around;margin-bottom:1em}.icons-title{font-weight:500;font-size:1.2rem;text-align:center;margin-bottom:1em}.icons-container{margin-inline:auto;display:flex;gap:2em;flex-wrap:wrap;justify-content:space-evenly;max-width:30em;transition:all ease-in-out}.icons-container>img{transition:all .5s ease-in-out}.icons-container>img:hover{transform:scale(1.2)}.icons-container:hover>img:not(:hover){transform:scale(.9)}@media (max-width: 786px){.about-text>p{margin-bottom:0}}.card{display:flex;flex-direction:column;padding:1em;margin-block:1em;border-radius:var(--border-radius);transition:transform .6s ease-in;width:fit-content}.card:hover{outline:1px solid var(--primary-blue)}.card:hover .card-title{font-weight:bolder;color:var(--primary-blue)}.card-title{font-size:1.1rem;font-weight:700;border-bottom:1px solid var(--primary-blue);text-align:center;margin-bottom:1em;padding:.5em;user-select:none;transition:all ease-in-out}.card-body{font-size:1rem;text-align:center}@media (max-width: 786px){.card-container{flex-direction:column;align-items:center;justify-content:center;position:relative;margin-bottom:0}.card{padding-inline:1em}.card:last-of-type{margin-bottom:2em}}#contact{height:90vh;margin-top:2em}.contact-container{display:flex;justify-content:space-around}.contact-info{max-width:clamp(10em,20em,30em);margin-top:1em}.contact-email{display:inline-block;margin-top:1.45em;cursor:pointer;position:relative;transition:all ease-out}.contact-email:hover{text-decoration:underline;text-underline-offset:.25em;color:var(--primary-blue)}.contact-email:before{content:""}.contact-email:hover:before{content:"Click to copy";position:absolute;color:var(--text-color);background:rgb(156,156,156);border-radius:var(--border-radius);padding:.5em;top:-2.5em;left:0}.contact-icon{display:flex;align-items:center;margin-top:1em;gap:2em}.btn-send{margin-top:-1.5em}@media (max-width:786px){#contact{margin-top:4em}.contact-container{padding-block:.5em;flex-direction:column;justify-content:flex-start;height:80vh}}.input{padding:.5em;border:none;border-bottom:2px solid var(--primary-blue);background-color:transparent;outline:none;color:var(--text-color);width:100%}.input-holder{width:17em;position:relative}.input-holder label{position:absolute;top:0;left:0;transition:all .3s ease-in-out}.input-holder textarea:focus+label,.input-holder textarea:valid+label,.input-holder input:focus+label,.input-holder input:valid+label{top:-1em}.input-holder textarea+label{padding-top:.5em;padding-left:.75em}.input-holder textarea:focus+label,.input-holder textarea:valid+label{top:-2em;left:-.7em}.form{display:flex;flex-direction:column;align-items:center;gap:3em;padding:1em}.textarea{padding:.5em;width:100%;resize:none;background:transparent;outline:none;border:2px solid var(--primary-blue);color:var(--text-color);border-radius:var(--border-radius)}.hero-section{min-height:100vh;display:grid;grid-gap:1em;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);align-content:space-evenly}.title{font-size:2rem}.hero-title,.hero-highlight{justify-self:left;align-self:center}.hero-title{display:block;grid-row:1;grid-column:1}.hero-highlight{grid-row:1 / span 2;grid-column:1}.highlight{color:var(--primary-blue)}.hero-img{grid-row:1 / span 2;grid-column:2;justify-self:center;align-self:start}.hero-img img{aspect-ratio:1/1}.blinking-cursor:after{position:relative;z-index:-1;content:"|";animation:blink .7s step-start infinite}@media (max-width: 768px){.hero-section{padding:1em;grid-template-columns:1fr;height:50em}.hero-img{grid-column:1;grid-row:2;justify-self:left}.hero-highlight{grid-row:3}}@media (max-width: 425px){.hero-section{padding:0;margin-bottom:3em;align-content:center}.hero-img{place-items:center}.hero-img img{height:300px;width:200px}h1{margin-block:.5em}}@keyframes blink{50%{opacity:0}}.project-card{display:flex;flex-direction:column;flex:1;border:2px solid var(--primary-blue);border-radius:var(--border-radius);padding:1.25em;background:var(--bg-color);transition:all .4s ease-in}.project-card:hover{scale:1.1;border:none;box-shadow:0 2px 30px -12px var(--primary-blue)}.project-image{display:flex;justify-content:center;align-self:center;padding:1em}.project-image img{width:20em}.project-description{width:100%;padding-block:.5em;flex-basis:20%}.project-technologies{font-size:1rem;border-bottom:1px solid var(--primary-blue);font-weight:500;padding-bottom:.5em;user-select:none}.project-list{list-style:none;text-decoration:none;padding-block:1em;flex-basis:100%}h3.project-name{text-align:center}.project-card ul li{padding-block:.25em;text-decoration:none;font-weight:500}.project-links{display:flex;justify-content:space-between;align-items:flex-end;align-items:center;gap:2em}.project-links>a{text-transform:uppercase;text-decoration:none;color:var(--text-color)}.project-links>a:nth-child(2):focus{outline-offset:.3em}.project-links>a:nth-child(2):hover{text-decoration:underline;text-underline-offset:.25em}@media (max-width: 786px){.project-card{min-width:15em}.project-image img{padding:1.5em}}@media (max-width: 280px){.project-image img{width:15em}}.project-section{padding-inline:1.5em;display:flex;gap:2em;justify-content:space-evenly}@media (max-width:1200px){.project-section{flex-wrap:wrap}}@media (max-width: 786px){#projects{margin-top:7em}.project-section{padding-inline:0em}}footer{border-top:1px solid var(--primary-blue);padding-block:1em;text-align:center}.active{font-weight:500;border-bottom:1px solid var(--primary-blue)}.nav{width:100%;min-height:6vh;padding-inline:2em;display:flex;background:var(--bg-color);justify-content:space-between;align-items:center;transition:all 1s ease-in;position:fixed;top:0;left:0;box-shadow:0 1px 10px #00000038}.nav-menu{display:flex;align-items:center;justify-content:center;list-style:none;text-align:center;justify-content:flex-end}.nav a{text-decoration:none;text-transform:uppercase;font-size:1rem;font-weight:500;padding-inline:2em;color:var(--text-color);cursor:pointer}.nav a:hover{font-weight:600}.nav.change,.menu-icon{display:none}.logo img{width:2em}.logo img:focus{outline:0px solid var(--primary-blue)}@media (max-width: 768px){.nav a{margin-block:.5em;padding:.5em}.nav{background:none;flex-direction:column;justify-content:center;align-items:center;z-index:2;box-shadow:none}.nav-menu{display:flex;flex-direction:column;gap:1em;width:100%;position:absolute;top:0;right:-100%;opacity:1;transition:all .5s ease}.nav a:hover{font-weight:500}.nav-menu.show{background-color:#b1b1b1;margin-top:0;left:0;opacity:1;transition:all .5s ease;z-index:1}.menu-icon{display:block;position:absolute;top:.5em;right:.25em;width:1.25em;font-size:1.8rem;cursor:pointer;z-index:2}.logo{display:none}}