body {
    background-color: rgb(105, 161, 214);

    color: white;
    font-family: "Open Sans" sans-serif;
    letter-spacing: 2px;
}

.profile-picture {
    display:block;
    margin-left:auto;
    margin-right: auto;
    margin-top: 10%;
    height: auto;
    max-width: 100px;
    border-radius: 50%;
    border: 4px solid rgb(181, 121, 253);
    box-shadow: 0 3px 10px  rgba(139, 49, 243, 0.904);
}

.profile-name {
    font-family: 'Yomogi', cursive;
    text-align: center;
    padding: 30px;
    font-size: 52px;
    color: rgb(99, 13, 197);
    text-shadow: 0 6px 16px  rgba(101, 53, 155, 0.705);
    
}

a {
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: color 1s;
}

a:hover {
    color: rgb(5, 136, 141);

    background-color: rgb(164, 159, 238);
}

.links {
    background-color: rgb(145, 177, 235);
    color:rgb(87, 6, 180);
    text-align: center;
    margin-top: 20px;
    border: 1px solid rgb(181, 121, 253);
    border-width: 3px;
    padding: 20px;
    width: 290px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 3px 10px  rgba(124, 35, 226, 0.904);
    border-radius: 40px;

    font-size: 18px;

}