.nav__list{margin-right:1.5em;display:flex}.nav__list-item{margin-left:2em}.app .nav__hamburger{display:none}.nav__theme{margin-top:0}.nav__list-item.active a{color:var(--clr-primary,#2978b5);font-weight:700;border-bottom:2px solid var(--clr-primary,#2978b5)}.nav__list-item.active{background-color:var(--clr-bg-alt,#f0f0f0);border-radius:5px}.nav__list-item:hover a{color:var(--clr-primary,#2978b5)}.nav__list-item:hover{background-color:var(--clr-bg-alt,#f0f0f0)}@media (max-width:600px){.nav__list{display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;width:100%;background-color:var(--clr-bg,#fff);border-top:1px solid var(--clr-primary,#2978b5);padding:.5rem 0;z-index:10}.nav__list-item{flex:1 1;text-align:center;font-size:calc(14px + .3vw);padding:.5rem 0}.nav__list-item.active{font-weight:700;color:var(--clr-primary,#2978b5)}.nav__list-item.active,.nav__list-item:hover{background-color:var(--clr-bg-alt,#f0f0f0)}.btn.btn--icon.nav__theme{display:none}}.btn.btn--icon.nav__theme{outline:none;border:none;padding:0;margin:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn.btn--icon.nav__theme:hover{background-color:var(--clr-bg-alt,#f0f0f0);border-radius:50%}.btn.btn--icon.nav__theme:focus{outline:none;box-shadow:0 0 3px var(--clr-primary,#2978b5)}.header{height:8em;max-width:1100px;width:95%;margin:0 auto;justify-content:space-between}@media (max-width:600px){.header{height:6em}}img{width:30px;margin-right:4px}.footer{text-align:center;color:var(--clr-primary)}.footerBox{width:50%;margin:auto;border-radius:15px;background-color:transparent;padding:20px;height:auto}@media (max-width:600px){.footerBox{width:100%;border-radius:0;margin-bottom:0}}.main{margin-top:4em}.techsection{width:100%;text-align:center;background-color:var(--clr-bg);height:50vh}.techsection>div{width:11%;height:16vh;max-height:140px;box-shadow:var(--shadow);z-index:1;border-radius:20px;margin:2.5%;float:left;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .5s ease 0s;border:2px solid var(--clr-primary)}.techsection>div:hover{background-color:var(--clr-bg);overflow:hidden;transform:scale(1.08);box-shadow:0 10px 36px 0 rgba(0,0,0,.36),0 0 0 1px rgba(0,0,0,.06);border:1px solid var(--clr-primary)}.techsection>div>svg{font-size:8vh;color:var(--clr-primary)}.techsection>div>h5{position:relative;top:8px;background-color:transparent}@media (max-width:600px){.techsection{height:120vh}.techsection>div{width:40%;margin-right:5%;margin-bottom:2%;height:18vh}}.skills-groups{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem}.skills-group{background:var(--clr-bg-alt);padding:1rem 1.25rem;border-radius:12px;box-shadow:var(--shadow)}.skills-group h3{margin:0 0 .5rem}.skills-group ul{margin:.25rem 0 0 1.25rem}.skills-group li{margin:.15rem 0}@media (min-width:800px){.skills-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}