@charset "utf-8";
/* CSS Document */

.fa-whatsapp-square {
    width: 42px;
    height: 42px;
    background: #F3F3F3;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #19CC05;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-whatsapp-square:hover {
    background: #FFFFFF;
    color: #70D856;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}


.fa-facebook-square {
    width: 42px;
    height: 42px;
    background: #F3F3F3;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #0065ED;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-facebook-square:hover {
    background: #FFFFFF;
    color: #1872EB;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

.fa-twitter-square {
    width: 42px;
    height: 42px;
    background: #F3F3F3;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #05B2FB;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-twitter-square:hover {
    background: #FFFFFF;
    color: #00B5EC;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

.fa-commenting {
    width: 42px;
    height: 42px;
    background: #F3F3F3;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #0065ED;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-commenting:hover {
    background: #FFFFFF;
    color: #1872EB;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}



.fa-instagram {
    width: 42px;
    height: 42px;
    background: #F3F3F3;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #a838bc;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-instagram:hover {
    background: #FFFFFF;
    color: #bc328a;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}


.fa-android{
    width: 42px;
    height: 42px;
    background: #F3F3F3;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #19CC05;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-android:hover {
    background: #FFFFFF;
    color: #3BE01A;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

.app {
	background-image: url(img/androidapp.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 170px;
	height: 56px;
	box-shadow: 2px 2px 2px 2px #141414;
}

.app {
    background-image: url("../img/androidapp.png");
    background-color: #000000;
    width: 170px;
    height: 56px;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #E40509;
    -webkit-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
    transition: .3s ease all;
}

.app:hover {
    background-image: url("../img/androidapp.png");
    background-color: #363636;
    width: 170px;
    height: 56px;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #E40509;
    -webkit-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.3);
}