*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,ul{margin:0;padding:0}a{color:#06191d;text-decoration:none}h1,h2{margin:0}ul{list-style-type:none}.header--container{z-index:1;-webkit-user-select:none;user-select:none;background-color:#f5f5f5;width:100%;padding:1em 1em 0 0;position:fixed}@media (width>=768px){.header--container{justify-content:space-between;align-items:center;padding:1em;display:flex}}.header--container .header--logo{align-items:center;gap:1em;width:fit-content;margin-bottom:.5em;margin-left:1em;display:flex}@media (width>=768px){.header--container .header--logo{margin:0}}.header--container .header--logo img{width:4rem}.header--container .header--logo h1{text-transform:uppercase;letter-spacing:-.1rem;font-size:1.2rem}@media (width>=768px){.header--container .header--logo h1{font-size:2em}}.header--container .header--nav--exit-btn,.header--container .header--nav--open-btn{cursor:pointer;font-size:2.5rem;position:absolute;top:1rem;right:1rem}@media (width>=768px){.header--container .header--nav--exit-btn,.header--container .header--nav--open-btn{display:none}}.header--container .header--nav--hide-btn{visibility:hidden}.header--container ul{text-align:center;visibility:hidden;opacity:0;background-color:#f5f5f5;width:100%;font-size:1.25rem;transition:all .5s ease-in;position:absolute}@media (width>=768px){.header--container ul{width:unset;position:unset;visibility:unset;opacity:1;gap:1.25em;display:flex}}.header--container ul a{border-top:1px solid #06191d;padding:.75em;transition:all .5s;display:block}@media (width>=768px){.header--container ul a{border:none;padding:0;position:relative}.header--container ul a:after{content:"";width:0;height:2px;transition:all .3s;display:block;position:absolute;bottom:-5px}}.header--container ul a:hover{color:#f5f5f5;background-color:#06191d}@media (width>=768px){.header--container ul a:hover{background-color:unset;color:unset}.header--container ul a:hover:after{background-color:#06191d;width:100%}}.header--container .header--nav--mobile{visibility:unset;opacity:1}.section--title{text-transform:uppercase;letter-spacing:.2rem;padding-bottom:1.5em;font-size:1.5em;position:relative}.section--title:after{content:"";background-color:#06191d;border-radius:5px;width:2rem;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.summary{max-width:800px;font-family:Source Code Pro,monospace;font-size:1.25rem;line-height:1.5}.hero--container{text-align:center;flex-direction:column;align-items:center;gap:1.5em;padding:10em 1em;display:flex}@media (width>=768px){.hero--container{padding:10em 2em}}.hero--container{color:#f5f5f5;background-color:#06191d}@media (width>=768px){.hero--container{padding-left:5em;position:relative}}.hero--container h1{text-transform:uppercase;letter-spacing:.2rem;font-size:2em}.hero--container .hero--projects--link{color:#f5f5f5;text-transform:uppercase;border:1px solid;border-radius:5px;padding:1em 2em;font-weight:700;display:block}.hero--container .hero--projects--link:hover{color:#06191d;background-color:#f5f5f5}@media (width>=768px){.hero--container .social--container{background-color:#f5f5f5;border-radius:0 5px 5px 0;flex-direction:column;padding:.75em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hero--container .social--container a{color:#06191d}}.about--container{text-align:center;flex-direction:column;align-items:center;gap:1.5em;padding:10em 1em;display:flex}@media (width>=768px){.about--container{padding:10em 2em}}.about--container{color:#06191d;background-color:#f5f5f5}.about--container .about--details{flex-direction:column;align-items:center;gap:2em;max-width:900px;display:flex}.about--container .about--skills{flex-direction:column;align-items:center;gap:1em;display:flex}.about--container .about--skills ul{flex-wrap:wrap;justify-content:center;gap:1em;display:flex}.about--container .about--skills ul li{text-align:center;background-color:#9996;border-radius:5px;flex-grow:1;padding:1em 2em;font-weight:600}.about--container .about--contact--link{text-transform:uppercase;border:1px solid;border-radius:5px;padding:1em 2em;font-weight:700;display:block}@media (width>=768px){.about--container .about--contact--link{grid-area:second;width:fit-content}}.about--container .about--contact--link:hover{color:#f5f5f5;background-color:#06191d}.projects--container{text-align:center;flex-direction:column;align-items:center;gap:1.5em;padding:10em 1em;display:flex}@media (width>=768px){.projects--container{padding:10em 2em}}.projects--container{color:#f5f5f5;background-color:#06191d}.projects--container .section--title:after{background-color:#f5f5f5}@media (width>=768px){.projects--container .projects--list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));column-gap:2em;display:grid}}.project--container{text-align:center;flex-direction:column;align-items:center;gap:1em;padding:2em 0;display:flex;position:relative}.project--container img{object-fit:cover;border-radius:3px;width:300px;height:300px}.project--container p{font-family:Source Code Pro,monospace}.project--container ul{flex-wrap:wrap;justify-content:center;gap:1em;font-size:1.25rem;display:flex}@media (width>=768px){.project--container ul{margin-top:auto}}.project--container .project--links{gap:2em;display:flex}.project--container .project--links a{color:#f5f5f5;border:1px solid;border-radius:2px;align-items:center;gap:.5em;padding:.5em 1em;font-weight:600;transition:all .3s ease-in;display:flex}.project--container .project--links a:hover{color:#06191d;background-color:#f5f5f5}.project--container:not(:last-child):after{content:"";background-color:#f5f5f5;border-radius:5px;width:6em;height:3px;position:absolute;bottom:0}@media (width>=768px){.project--container:not(:last-child):after{display:none}}.contact--container{text-align:center;flex-direction:column;align-items:center;gap:1.5em;padding:10em 1em;display:flex}@media (width>=768px){.contact--container{padding:10em 2em}}.contact--container{color:#06191d;background-color:#f5f5f5}.contact--container form{text-align:start;flex-direction:column;width:80%;max-width:700px;display:flex}.contact--container form label{color:#06191d;font-weight:500}.contact--container form input,.contact--container form textarea,.contact--container form textarea::placeholder,.contact--container form input::placeholder{font-family:Source Code Pro,monospace}.contact--container form input{color:#06191d;border-style:none;border-radius:5px;margin:.25em 0 1em;padding:1em}.contact--container form textarea{color:#06191d;resize:none;border-style:none;border-radius:5px;height:200px;margin:.25em 0 1em;padding:1em}.contact--container form button{color:#06191d;cursor:pointer;text-transform:uppercase;background-color:#0000;border:1px solid #06191d;border-radius:5px;margin:.25em 0 1em;padding:1em;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .3s ease-in}.contact--container form button:hover{color:#f5f5f5;background-color:#06191d}.contact--container form button:disabled{pointer-events:none;opacity:.7}footer{background-color:#06191d}.footer--container{color:#f5f5f5;flex-direction:column;gap:2em;padding:2em 1em;font-size:.8rem;display:flex}@media (width>=768px){.footer--container{grid-template:"a d"1fr"b d"1fr"c d"1fr/4fr 1fr;display:grid}}@media (width>=1024px){.footer--container{max-width:1024px;margin:0 auto}}@media (width>=768px){.footer--container .social--container{flex-direction:column;grid-area:d;justify-self:center}}.footer--container p{margin:0}.footer--container .footer--summary{font-family:Source Code Pro,monospace}.footer--container .footer--credits{font-size:.7rem}.footer--container .footer--credits a{color:#f5f5f5;text-decoration:underline}.footer--container .footer--credits a:hover{font-weight:600}body{color:#06191d;min-width:320px;height:100vh;font-family:Inter,sans-serif;font-size:16px}body p{max-width:70ch}.social--container{gap:.5em;font-size:1.5rem;display:flex}.social--container a{color:#f5f5f5}