body {
    background: rgb(255,205,135);
    background: linear-gradient(90deg, rgba(255,205,135,1) 0%, rgba(255,178,95,1) 30%, rgba(255,129,38,1) 100%);
} 

main {
    background-color: rgba(248, 247, 255, 0.6);
    width: 50%;
    margin: 0 auto 0 auto;
    margin-top: 20px;
    padding: 20px;
    padding-top: 75px;
    padding-bottom: 75px;
    text-align: center;
    border-radius: 45px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}


img {
    border: 5px solid #F8F7FF;
    border-radius: 15px;
}

h1 {
    color: rgb(255,129,38);
    font-family: "Boldonse", system-ui;
    font-size: 36px;
}

h2 {
    color: rgb(255,129,38);
    font-family: "Lexend", sans-serif;
    font-size: 24px;
}

#AboutMeText a {
    background-color: #F8F7FF;
    color: rgb(255,129,38);
    padding: 5px;
    border-radius: 100px;
    text-decoration: none;
    font-family: "Lexend", sans-serif;
}

#AboutMeText a:hover {
    color: rgb(255,205,135);
}

.boldonse-regular {
    font-family: "Boldonse", system-ui;
    font-weight: 400;
    font-style: normal;
}
  
.lexend {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}
  
.Jesse {
    margin-right: 40px;
}

.ContactMe {
    margin-top: 40px;
}

.ContactMe a {
    background-color: #F8F7FF;
    color: rgb(255,129,38);
    padding: 5px;
    border-radius: 100px;
    text-decoration: none;
    font-family: "Lexend", sans-serif;
    font-size: 24px;
}