.web-link{
    text-decoration:none;
    color:#cc5656;
}

.name{
    font-size: 3.5rem;
    
    text-align: center;
    color: antiquewhite;
}
p{
    text-align: center;
    font-size: 20px;   
    color: antiquewhite;
}
#about{
    margin: 0px 20%;
    display: block;
    position: absolute;
    top: 25%;
}
header::before{
  content: "";
  background-color: #1b1b1b;
  position: absolute;
  top:0px;
  left:0px;
  height: 100%;
  width:100%;
  z-index: -1;
  opacity: 1;
} 



@media(max-width:1200px) {
    #about{
        margin: 0px 10%;
    }
}
@media(max-width:850px) {
    .name{
        font-size: 3rem;
    }
    p{
        font-size: 15px; 
    }
}
@media(max-width:500px) {
    p{
        text-align: justify;
    }
}
@media(max-width:473px) {
    #about{
        top: 15%;
        .name{
            font-size: 2.5rem;
        }
    }
}
@media(max-width:370px) {
    p{
        font-size: 13px; 
    }
}