﻿
.fa-facebook {
    background: #3B5998;
    color: white;
    width: 60px;
    height: 60px;
    bottom: 100px;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    margin-top: 16px;
    padding: 15px;
    cursor: pointer;
    padding: 15px;
    border-radius: 50px;
    margin-top: 16px;
    opacity: 0.8;
}
    .fa-facebook:hover {
        opacity: 1.0;
        background: #3B5998;
        color: white;
    }

.fa-twitter {
    background: #55ACEE;
    color: white;
    width: 60px;
    height: 60px;
    bottom: 100px;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    margin-top: 16px;
    padding: 15px;
    cursor: pointer;
    padding: 15px;
    border-radius: 50px;
    margin-top: 16px;
    opacity: 0.8;
}
    .fa-twitter:hover {
        opacity: 1.0;
        background: #55ACEE;
        color: white;
    }
.fa-youtube {
    background: #bb0000;
    color: white;
    width: 60px;
    height: 60px;
    bottom: 100px;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    margin-top: 16px;
    padding: 15px;
    cursor: pointer;
    padding: 15px;
    border-radius: 50px;
    margin-top: 16px;
    opacity: 0.8;
}
    .fa-youtube:hover {
        opacity: 1.0;
        background: #bb0000;
        color: white;
    }
.fa-instagram {
    background: #125688;
    color: #fff;
    width: 60px;
    height: 60px;
    bottom: 100px;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    margin-top: 16px;
    padding: 15px;
    cursor: pointer;
    padding: 15px;
    border-radius: 50px;
    margin-top: 16px;
    opacity: 0.8;
}
    .fa-instagram:hover {
        opacity: 1.0;
        background: #f75622;
        color: #fff;
    }
/*
.icon {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    text-align: center;
    background: radial-gradient(rgba(246, 221, 132,1) 15%, rgba(255, 45, 45, 0.65) 50%, rgba(0, 0, 0, 0) 70%);
    position: relative;
    overflow: hidden;
}*/