body{font-family:Futura,sans-serif;font-weight:400;line-height:1.5;margin:0}h4{margin:1rem}p{line-height:1.5}@media screen and (max-width:1200px){p{margin:1rem}}.margin{margin:0 4rem}a{position:relative;color:#444;padding:0 .5rem;margin:1rem}a.active,a:hover{color:#fff;transition:color .1s ease-in-out}a:before{content:"";position:absolute;display:block;width:100%;height:1.5rem;top:0;left:0;background-color:#000;transform:scale(0);transition:transform .1s ease;z-index:-1}a.active:before,a:hover:before{transform:scale(1.1,1.2)}.project-link{padding:0;margin:0}.resume-button{background:none;border:1px solid #000;font-family:Futura,sans-serif;color:#444;font-size:16px}.resume-button:hover{color:#fff;background-color:#000;cursor:pointer}nav{align-items:center;flex-direction:column;text-align:center;margin:1rem}.aside,nav{display:flex;justify-content:center}.aside{width:100%;max-width:1250px;gap:1.5rem;margin:2rem auto}@media screen and (max-width:1200px){.aside{flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;gap:2rem;max-width:700px}}.flex-box{display:flex;flex-wrap:wrap;justify-content:left;gap:1rem;margin:1rem}@media screen and (max-width:1200px){.flex-box{justify-content:center}}.flex-center{flex-direction:column;align-items:center;padding-bottom:4rem}.flex-center,.project-container{display:flex;justify-content:center}.project-container{width:100%;max-width:1250px;max-height:683px;gap:1.5rem;padding:3rem}.project-container .img-container{position:relative;width:500px;height:350px;border:1px solid #000;box-shadow:10px 10px 13px gray}@media screen and (max-width:1200px){.project-container .img-container{width:400px;height:250px}.project-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;margin:1rem 0;gap:1rem;padding:0 0 2rem}}.content-container{max-width:600px;min-width:300px}footer{position:fixed;left:0;bottom:0;width:100%;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;padding:.5rem 0;background-color:#fff;border-top:1px solid #000}.header{font-size:50px;margin:10px 0}@media screen and (max-width:768px){.header{font-size:1.75rem}}.subheader{font-size:20px;margin:0}.profile-pic-wrapper{position:relative;width:600px;height:905px}@media screen and (max-width:768px){.profile-pic-wrapper{display:none}}.skills-box{display:flex;justify-content:space-evenly}.skills-box ul{text-align:left}@media screen and (max-width:1200px){.tech-list{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;padding:0;gap:3rem;list-style:none}}