* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   font-family: "Montserrat";
}

body{
   background: #222;
   color: #fff
}

.container{
   width: 100%;
   max-width: 1000px;
   margin: 50px auto;
   padding: 10px;
}

h1{
   margin: 50px 0;
   font-size: 60px;
   background: #fff;
   color: #000;
   padding: 10px;
}

.about{
   margin-bottom: 25px;
}

.about-content, .projects-content{
   margin-top: 15px;
}

.about-h3{
   font-size: 20px;
   margin-bottom: 5px;
}

.about-p{
   color: #ccc
}

.projects-content{
   display: flex;
   gap: 20px;
}

.projects-item{
   background: #fff;
   color: #111;
   padding: 10px;
}

.projects-p{
   margin-top: 5px;
}

footer{
   margin-top: 50px;
}

.footer-link{
   color: #ccc;
}

.footer-link:hover{
   background: #ccc;
   color: #111;
}