*,: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%;padding:0;margin:0;height:100%;color:var(--text-color);font-size:1.25rem}section.wrapper{display:grid;grid-template-columns:20% 80%;grid-template-rows:100%}@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%;padding:2rem;min-height:83vh}@media(max-width:830px){main{padding:1rem;margin-left:0;grid-column:1/3}}ul{list-style:none;margin:0;padding:0}a{color:var(--brand-color);text-decoration:none;font-weight:700;transition:color .2s ease-in-out}a:hover{color:var(--pink-highlight);text-decoration:underline}main nav ul{text-align:center;display:block;margin-bottom:3rem}@media(max-width:830px){main nav ul.animation{text-align:left}}main nav ul li{display:inline;padding:1rem 2rem}@media(max-width:830px){main nav ul li{font-size:1rem;padding:1rem}}article{max-width:1200px;margin:auto}nav#animation{display:flex;justify-content:center}section{padding:0;margin:0}img{border-radius:4px;background:rgba(0,0,0,0)}footer{grid-column:2/3;text-align:center;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:rotate-center-alternate 1s linear 0s infinite alternate none}