:root{--purple-300: #C1BADE;--purple-500: #79709E;--purple-800: #362c5f;--orange-300: #FCA468;--orange-500: #FC8A68;--orange-600: #F48664;--white-100: #FFFFFF;--white-500: #FBE3D7;--black-900: #000000;--primary-color-light: var(--purple-300);--primary-color-nor: var(--purple-500);--primary-color-dark: var(--purple-800);--secondary-color-light: var(--white-500);--accent-color-hover: var(--orange-500);--accent-color-active: var(--orange-300);--border-color-dark: var(--black-900)}.wrapper{margin-inline:3%}html,body{font-family:Josefin Sans,sans-serif,serif;background-color:var(--primary-color-light)}header{position:fixed;width:100%}.main-header{display:flex;flex-direction:column;align-items:center}.primary-nav{position:absolute;background-color:var(--primary-color-nor);width:100svw;height:100svh;z-index:700;transform:scaleY(0);transition:transform .5s ease-in-out;transform-origin:top}.primary-nav a{text-transform:uppercase;text-decoration:none;font-size:5rem;font-family:Limelight,sans-serif,serif;color:var(--secondary-color-light);opacity:0;transition:opacity .15s ease-in-out}.primary-nav a:hover{color:var(--accent-color-hover)}.primary-nav a:active{color:var(--accent-color-active)}.primary-nav ul{margin-inline-start:50px;margin-block:100px 0px}.primary-nav li{margin-block-start:10px;font-weight:700;font-size:3rem}.nav-toggle:checked~nav{transform:scale(1)}.nav-toggle:checked~nav a{opacity:1;transition:opacity .25s ease-in-out .25s}.nav-toggle{display:none;z-index:800}.nav-toggle-label{display:block;position:absolute;inset-inline-start:20px;inset-block-start:20px;padding-inline:10px;padding-block:20px;width:fit-content;border:2px solid var(--secondary-color-light);border-radius:5px;z-index:900}.nav-toggle-label span,.nav-toggle-label span:before,.nav-toggle-label span:after{display:block;background-color:var(--secondary-color-light);height:2px;width:32px;border-radius:2px;position:relative}.nav-toggle-label span:before,.nav-toggle-label span:after{content:"";position:absolute}.nav-toggle-label span:before{bottom:8px}.nav-toggle-label span:after{top:8px}.nav-toggle-label:hover{border:2px solid var(--accent-color-hover)}.nav-toggle-label:hover span,.nav-toggle-label:hover span:before,.nav-toggle-label:hover span:after{background-color:var(--accent-color-hover)}.nav-toggle-label:active{border:2px solid var(--accent-color-active)}.nav-toggle-label:active span,.nav-toggle-label:active span:before,.nav-toggle-label:active span:after{background-color:var(--accent-color-active)}.header-logo{height:75px;width:75px;margin-block-start:20px;align-self:center}main{height:auto}.hero-section{block-size:100svh;padding-block-start:100px}.hero-section h2{color:var(--primary-color-dark);font-size:5rem;text-align:center;font-family:Limelight,sans-serif,serif;margin-block-start:200px}.project-section{display:grid;align-items:center;min-height:100svh;background-color:var(--primary-color-dark)}.projects{display:grid;grid-auto-columns:1fr;grid-auto-rows:auto;gap:16px;grid-template-areas:"box-1 box-2 box-3"}@media screen and not (min-width:900px){.projects{grid-template-areas:"box-1 box-2" "box-3 box-3"}}@media screen and not (min-width:600px){.projects{grid-template-areas:"box-1" "box-2" "box-3"}}.projects article{background-color:var(--primary-color-nor);border:2px solid var(--border-color-dark);border-radius:10px}.projects h2{text-transform:uppercase;text-align:center;font-family:Limelight,sans-serif,serif;font-weight:400;color:var(--secondary-color-light);font-size:3rem;background-color:var(--primary-color-light);margin:0;padding-block:30px;padding-inline:10px;border-start-start-radius:9px;border-start-end-radius:9px}footer{display:flex;flex-direction:column;align-items:center;padding-block:25px;background-color:var(--primary-color-dark)}