body {
    background-color: rgb(16, 0, 29);
    color: white;
    font-size: 50px;
}

#titleDiv {
    margin-left: 1%;
}

h1 {
    margin-bottom: 0px;
}

#masonImg {
    width: 130px;
    height: 150px;
    position: relative;
    left: 20px;
    top:10px;
    border: 2px solid white;
    border-radius: 8px;
}

#smilingImg {
    width: 200px;
    height: 200px;
    position: relative;
}

#aboutP {
    border: 5px solid white ;
    text-align: center;
    border-radius: 25px;
    background-color: rgb(130, 130, 130);
}

#aboutLink {
    color: chartreuse;
    text-decoration: underline 5px white;
    text-underline-offset: 10px;
    font-size: 80px;
    font-family: anta;
    font-weight: bolder;
}

#aboutContainer {
    position: relative;
    width: 500px;
    left: 300px;
}

#projectsP {
    border: 5px solid white ;
    text-align: center;
    border-radius: 25px;
    background-color: rgb(130, 130, 130);
}

#projectsLink {
    color: chartreuse;
    text-decoration: underline 5px white;
    text-underline-offset: 10px;
    font-size: 80px;
    font-family: anta;
    font-weight: bolder;
}

#projectsContainer {
    position: relative;
    width: 500px;
    left: 1000px;
    top: -410px
}


h2 {
    font-size: 25px;
    margin-top: 3px;
}