html{margin:0% 10%}body{color:#2e2e2e;background-color:#fafafa}.name{justify-content:center;display:flex}.menu{border-bottom:1px solid #000}.menu>ul{width:100%;padding:0}#about-me{flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:75vh;padding:5% 10%;display:flex}.menu>*{justify-content:space-evenly;align-items:center;list-style:none;display:flex}Link,a{color:#2e2e2e;text-decoration:none}Link:hover,a:hover{color:#3a6ea5}p{font-size:18px}#footer{border-top:1px solid #000}#footer>ul{justify-content:space-evenly;align-items:center;list-style:none;display:flex}#history-body,#contact-body{flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:80vh;display:flex}button{width:100%;height:100px}#resume{border:none;align-self:center;width:50vw;height:70vh;margin-top:5%}@media screen and (max-width:500px){#resume{display:none}}@media screen and not (max-width:500px){#resume{display:block}.project-image,.undefined-project-image{grid-area:1/2/4/3;transition:all .3s;display:block}.project{grid-template-columns:1fr 1fr}.project-image:hover{transform:scale(2.5)}}@media screen and (max-width:500px){.project-image,img,.undefined-project-image{display:none}.project{grid-template-columns:1fr}}.project{grid-template-rows:.5fr 1fr .5fr;display:grid}.project-image,.undefined-project-image{justify-content:center;align-items:center;display:flex}.project-title{grid-area:1/1/2/2}.project-description{grid-area:2/1/3/2}img{max-width:400px;max-height:400px}.project-links{grid-area:3/1/4/2;justify-content:space-evenly;align-items:center;display:flex}