*{box-sizing:border-box}html{font-family:Helvetica}body{min-height:100vh;position:relative;margin:0;padding:3rem;background:#303633;color:white}.container{display:block;margin-left:auto;margin-right:auto}nav{margin-bottom:2rem}nav a{font-size:2.5rem;color:white;margin-right:1rem}nav a,nav a:hover,nav a:focus,nav a:active{text-decoration:none;color:inherit}h1{font-size:5rem;color:#44ffd2}h2{font-size:2rem}h3{font-size:1.5rem}p{font-size:2.5rem}footer{margin-top:2rem}footer a{display:inline-block;color:white;font-size:5rem;margin:2rem 2rem}footer a:hover{color:#44ffd2}#projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:stretch;gap:1rem}#projects a,#projects a:hover,#projects a:focus,#projects a:active{text-decoration:none;color:inherit}#projects .project{padding:1rem;background:#272929;text-align:center;border-radius:5px;flex-basis:20%}#projects .project img{max-width:400px;width:100%;height:auto}#project-content{text-align:center;padding:1rem 1.5rem}#project-content img{display:block;margin-left:auto;margin-right:auto;margin-bottom:2.5rem;width:80%}main a{color:#44ffd2}main a,main a:hover,main a:focus,main a:active{text-decoration:none;color:#44ffd2}.project-link{color:#44ffd2;font-size:1.5rem}.project-link,.project-link:hover,.project-link:focus,.project-link:active{text-decoration:underline;color:#44ffd2}@media only screen and (min-width: 600px){.container{max-width:90%}h1{font-size:4rem}p{font-size:1.5rem}nav a{font-size:1.7rem}footer a{font-size:3rem;margin:1.5rem 1.5rem}#projects .project img{max-width:400px}}@media only screen and (min-width: 1025px){.container{max-width:80%}h1{font-size:3rem}p{font-size:1.2rem}nav a{font-size:1.3rem}footer a{font-size:2rem;margin:1rem 1rem}#projects .project img{max-width:450px}}@media only screen and (min-width: 1281px){.container{max-width:1100px}h1{font-size:2.5rem}p{font-size:1.5rem}nav a{font-size:1.3rem}footer a{font-size:1.5rem;margin:1rem 1rem}#projects .project img{max-width:470px}}