* {
    margin:0;
    padding: 0;
}

html,body{

    height: 100%;
}

body{
    font-family: 'Raleway', sans-serif;
    color:white;
    background:rgb(238,174,202);
    background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
}

.avatar {
    width: 100px;
    border-radius: 50px;
    border:3px solid white;
    box-shadow: 0 0 20px white;
}

h1{
    font-family: 'Architects Daughter', cursive;
    font-weight: 100;
    font-size: 24px;
    margin-bottom: 2px;

}

h2{
    font-size: 16px;
}

.profile {
    margin-top: 20px;
    text-align: center;
}

.social {
    display: flex;
    justify-content: space-around;
    list-style: none;
    margin: 20px 0;
}

.social img {
    width: 33px;
}

.links-list {
    list-style: none;
}

.links-list li {
   margin: 10px 20px;
}

.links-list li a {
    display: block;
    background: white;
    padding: 15px 20px;
    border-radius: 4px;
    text-decoration: none;
    color: rgb(238,174,202);
    font-weight: bold;
}

.links-list li a span {
    color:gray;
    display: block;
    margin-top: 10px;
}