body{
    background-color: #f5fffa;
    margin: 30px
}

/*
.container{
    width: 100%;
    height: 100vh;
    color:#FA8072;
    display: flex;
    align-items: center;
    justify-content: center;
}
*/

form {
    margin-left: 27.33%;
    margin-right: 27.33%;
    font-family: "Corbel", monospace;
    font-size:200%;

}

h1{
    font-family: "Candara Light", monospace;
    font-size: 9.5vw;
    letter-spacing: 10px;
    width: 100%;
    height: 60vh;
    color:black;
    display: flex;
    align-items: center;
    justify-content: center;

}

h2{
    font-family: "Candara Light", monospace;
    font-size: 1.9vw;
    letter-spacing: 5px;
    color:#FA8072;
    text-align: center;
    align-items: center;
    justify-content: center;

}

h3{
    font-family: "Candara Light", monospace;
    font-size: 2.5vw;
    letter-spacing: 3px;
    text-indent: 100pt;
    color: black;
    line-height: 0px;
}

h5{
    font-family: monospace;
    font-size: 1.5vw;
    letter-spacing: 3px;
    color: black;
    line-height: 0px;
    text-align: left;
    text-indent: 750pt;
    font-style: bold;
    text-decoration: underline;
}

.double-underline {
    border-bottom: 3px double;
}
p{
    text-align: justify;
    font-family: "Corbel", monospace;
    font-size:200%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 50vh;

}
p2{
    text-align: justify;
    font-family: "Corbel", monospace;
    font-size:200%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 25vh;

}
#mySidenav a {
    position: absolute; /* Position them relative to the browser window */
    left: -100px; /* Position them outside of the screen */
    transition: 0.3s; /* Add transition on hover */
    padding: 8px; /* 8px padding */
    width: 100px; /* Set a specific width */
    text-decoration: none; /* Remove underline */
    font-size: 20px; /* Increase font size */
    font-family: monospace;
    color: #f5fffa; /* White text color */
    border-radius: 0 3px 3px 0; /* Rounded corners on the top right and bottom right side */
    float: left;
}
#mySidenav a:hover {
    left: 0; /* On mouse-over, make the elements appear as they should */
}
#whoami{
    top: 120px;
    background-color: #3EB489;

}
#projects {
    top: 160px;
    background-color: #FA8072; /* Red */

} 
#contact {
    top: 200px;
    background-color: #3EB489 /* Light Black */

}
#mySidenav2 a {
    position: absolute; /* Position them relative to the browser window */
    right: -100px; /* Position them outside of the screen */
    transition: 0.3s; /* Add transition on hover */
    padding: 8px; /* 8px padding */
    width: 100px; /* Set a specific width */
    text-decoration: none; /* Remove underline */
    font-size: 20px; /* Increase font size */
    font-family: monospace;
    text-align: right;
    color: #f5fffa; /* White text color */
    border-radius: 0 3px 3px 0; /* Rounded corners on the top right and bottom right side */
}
#mySidenav2 a:hover {
    right: 0; /* On mouse-over, make the elements appear as they should */
}
#projects {
    top: 160px;
    background-color: #FA8072; /* Red */
}