*,:after,:before{box-sizing:border-box}:root{--brand-color:#4a287c;--pink-highlight:#fc79b4;--text-color:#363636;--seagreen-highlight:#3bcacb;--purple-highlight:#9370db;--blue-highlight:#9ac8f3;--text-shadow:3px 3px 0px var(--brand-color);--purple:#6b599e;--light-purple:#e4dcf3;--green:#589e86;--textColor:#414946;--light-green:#dcf1ea;--pink:#f2c3d3;--dark-pink:#a05770}body{width:100%;height:100%;color:var(--text-color);margin:0;padding:0;font-size:1.25rem}section.wrapper{grid-template-rows:100%;grid-template-columns:20% 80%;display:grid}@media (max-width:1370px){section.wrapper{grid-template-columns:25% 75%}}@media (max-width:1100px){section.wrapper{grid-template-columns:30% 70%}}main{grid-column:2/3;width:100%;min-height:83vh;padding:2rem}@media (max-width:830px){main{grid-column:1/3;margin-left:0;padding:1rem}}ul{margin:0;padding:0;list-style:none}a{color:var(--brand-color);font-weight:700;text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--pink-highlight);text-decoration:underline}main nav ul{text-align:center;margin-bottom:3rem;display:block}@media (max-width:830px){main nav ul.animation{text-align:left}}main nav ul li{padding:1rem 2rem;display:inline}@media (max-width:830px){main nav ul li{padding:1rem;font-size:1rem}}article{max-width:1200px;margin:auto}nav#animation{justify-content:center;display:flex}section{margin:0;padding:0}img{background:0 0;border-radius:4px}footer{text-align:center;grid-column:2/3;padding-block:1rem}@media (max-width:830px){footer{grid-column:1/3;margin-left:0}}@keyframes rotate-center-alternate{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.project-icon{animation:1s linear infinite alternate rotate-center-alternate}