* {
    margin: 0;
    padding: 0;
    font-family: "Afacad", serif;
    }

a {
    text-decoration: none;
    color: #2660A4;
    
}



body {
    background: rgb(6,1,70);
    background: linear-gradient(90deg, rgba(6,1,70,1) 0%, rgba(0,0,105,1) 20%, rgba(9,47,121,1) 42%, rgba(14,66,167,1) 61%, rgba(18,81,203,1) 91%);
  
h1 {
    font-family: "Afacad", serif;
    color: #8EB8E5;
    font-size: 100px;
    display: flex;
    justify-content: center
}

h2 {
    font-family: "Afacad", serif;
    color: #8EB8E5;
    font-size: 50px;
    display: flex;
    justify-content: center;
}

h3 {
    font-family: "Afacad", serif;
    color: #8EB8E5;
    font-size: 50px;
    display: flex;
    justify-content: center;
}

p {
    font-family: "Afacad", serif;
    color: black;
    font-size: 25px;
    display: flex;
    justify-content: center;
}

#links div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: center;
    margin:auto;
    font-family: "Afacad", serif;
    color: Black;
    font-size: 30px;
}

#links a:hover {
    background-color: #EAD8AE;
    text-shadow: none;
    color: #0C3665;
}

.box {
    height: 330px;
    width: 300px;
    background: #F0E4C7;
    text-align: center;
    border-radius: 10px;
    padding: 5px;
    border: #8EB8E5 solid 5px;
}

#email div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: center;
    margin:auto;
    font-family: "Afacad", serif;
    color: #F0E4C7;
    font-size: 30px;
}

#email p {
    font-family: "Afacad", serif;
    color: black;
    font-size: 50px;
    display: flex;
    justify-content: center;
}

#email a:hover {
    background-color: #EAD8AE;
    text-shadow: none;
    color: #0C3665;
}

.mail {
    height: 65px;
    width: 300px;
    background: white;
    text-align: center;
    border-radius: 10px;
    background: #F0E4C7;
    padding: 5px;
    border: #8EB8E5 solid 5px;
}

.myself {
    display: flex;             
    flex-wrap: wrap;             
    justify-content: center;
    padding-top: 20px;
}