#projectsWrapper{margin-top:90px}#projectsWrapper *{box-sizing:border-box}#projectsWrapper body{margin:0;padding:0}#projectsWrapper .hide{animation:fadeOut 150ms ease;opacity:0}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}#projectsWrapper .hide{display:none}#projectsWrapper #projects-nav{margin-bottom:2rem;font-size:1.1em}#projectsWrapper #projects-nav ul{list-style:none;padding:1rem;margin:0}#projectsWrapper #projects-nav ul li{margin-right:1rem;padding:1rem;cursor:pointer}#projectsWrapper #projects-nav ul li button{transition:color .2s;transition:background-color .2s;border-radius:20px;background-color:unset}#projectsWrapper #projects-nav ul li button:hover{background-color:#eee}#projectsWrapper #projects-nav ul .active{color:white}#projectsWrapper #projects-nav ul .active button{transition:color .2s;transition:background-color .2s;background-color:#444}#projectsWrapper #projects-nav ul .active button:hover{color:#444}#projectsWrapper .sectionphoto{border-radius:10px}#projectsWrapper .grid-wrapper{display:grid;grid-template-columns:repeat(1, 1fr);grid-template-rows:auto;grid-gap:2rem;justify-items:center;margin:1rem}@media (min-width: 500px){#projectsWrapper .grid-wrapper{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 768px){#projectsWrapper .grid-wrapper{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1368px){#projectsWrapper .grid-wrapper{grid-template-columns:repeat(4, 1fr)}}#projectsWrapper .image{width:100%}@media (min-width: 500px){#projectsWrapper .image{width:100%}}@media (min-width: 768px){#projectsWrapper .image{width:100%}}@media (min-width: 1368px){#projectsWrapper .image{width:100%}}