*{
    margin: 0;
    padding: 0;
    text-decoration: none;
}
body{
    background: ;
}

.social-media{
    position: absolute;
    top: 128%;
    left: 21%;
    transform: translate(-48%,-50%);
}
.social-media div{
    display: inline;
}
.social-media div a{
    display: inline-flex;
    width: 2px;
    height: 50px;
    background: #45489a;
    font-size: 24px;
    color: #fff;
    margin: 0 1px;
    border-radius: 170%;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
}
.social-media .youtube a:hover{
    background: #A8CC00;
}
.social-media a i{
    transition: 0.5s all;
}
.social-media a:hover > i{
    transform: scale(1.6) rotate(360deg);
}
.social-media .instagram a:hover{
    background: #A8CC00;
}
.social-media .facebook a:hover{
    background: #A8CC00;
}
.social-media .twitter a:hover{
    background: #A8CC00;
}
.social-media .strava a:hover{
    background: #A8CC00;
}