body{background-color:#000;margin:0;padding:0;font-family:sans-serif}h1,h2,p,ul,li{font-family:Georgia}a{color:#000;text-decoration:none}.content{max-width:100%;display:block}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-duration:1s;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.grid-container{grid-template-columns:16.6667% 16.6667% 16.6667% 16.6667% 16.6667% 16.6667%;padding-top:55px;display:grid}.grid-item{text-align:center;max-width:100%;height:auto;font-size:30px}.grid-item img{width:100%}@media screen and (max-width:1275px){.grid-container{grid-template-columns:20% 20% 20% 20% 20%}}@media screen and (max-width:1020px){.grid-container{grid-template-columns:25% 25% 25% 25%}}@media screen and (max-width:765px){.grid-container{grid-template-columns:33.3333% 33.3333% 33.3333%}}@media screen and (max-width:510px){.grid-container{grid-template-columns:50% 50%}}@media screen and (max-width:255px){.grid-container{grid-template-columns:100%}}.projects{background-color:#000;max-width:1200px;margin-top:4rem;margin-left:auto;margin-right:auto;padding:0 1rem}.projects img{width:100%;height:100%}.projects h3{text-align:center;color:#fff}.projects a{color:#fff}.project a:hover{text-decoration:none}.project{border:2px solid #0b233f;border-radius:5px;margin-top:1rem}.project-title{font-size:1.5rem}.project:hover{border:2px solid #fff;border-radius:5px}.MuiAppBar-colorPrimary{background-color:#000}.MuiDrawer-paperAnchorLeft{left:0;right:auto}