html {
    font-size: 62.5%;
}

body {
    background: #4D658D;
    display: flex;
    justify-content: center;
    align-items: center;
}

svg {
    width: 4rem;
    height: 4rem;
    fill: currentcolor;
}

.header {
    text-align: center;
}

.initials-big {
    font-size: 12rem;
    margin: 0;
    color: #1A2F53;
}

.name-big {
    font-size: 2.4rem;
    margin: 0;
    margin-top: -2.4rem;
    color: #030E22;
}

.email {
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}

.email a {
    color: #1A2F53;;
    font-family: sans-serif;
}

.socialmedia {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.socialmedia li {
    display: inline-block;
    background: #030E22;
    border-radius: 50%;
    margin: 0.5rem;
    width: 4rem;
    height: 4rem;
}

.socialmedia li.linkedin:hover,
.socialmedia li.linkedin:active {
    background: #0076B2;
}

.socialmedia li.facebook:hover,
.socialmedia li.facebook:active {
    background: #3A5A99;
}

.socialmedia li.snapchat:hover,
.socialmedia li.snapchat:active {
    background: #FFEA00;
}

.socialmedia li.instagram:hover,
.socialmedia li.instagram:active {
    background: #517EA3;
}

.socialmedia li.youtube svg {
    width: 3rem;
    margin-left: .5rem;
}

.socialmedia li.youtube:hover,
.socialmedia li.youtube:active {
    background: #FF0000;
}

.footer {
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    margin-top: 1rem;
}