body {
  background-color:#FFFFFF;
  margin:10px;
  padding:;
}

p {
  font-family:tahoma;
  color:white; 
  font-size:30px;
}

.contaniers{
text-align:center;
margin-top:360px;
}

.logos{
  
 text-align:center;
 margin-bottom:-390px;
}


.x{
  
  margin:50px;
}
.youtubelogo{
  width:105px;
  height:105px;
  
}
.twitterlogo{
  width:100px;
  height:100px;
}
.instalogo{
  width:100px;
  height:100px;
}
.facelogo{
  width:100px;
  height:100px;
}

.btns{
  text-align:center;
  border-radius:9px;
  margin:20px;
  width:170px;
  height:60px;
 
  border-top:0px;
  border-left:0px;
  border-bottom:15px solid 	#514848;
  border-right:15px solid #808080;
}

.ytb{
  font-family:tahoma;
  font-size:25px;
  color:white;
  background-color:red;
}

  .twt {
    font-family:tahoma;
  font-size:25px;
  color:white;
  background-color:#38A1F3;
  }

 .ins {
    font-family:tahoma;
  font-size:25px;
  color:white;
  background-color:#bc2a8d;
  }

 .fce {
    font-family:tahoma;
  font-size:25px;
  color:white;
  background-color:#3b5998;
  }

/*keyframes*/

@keyframes anim1{
  20%{ width:90px;
    height:90px; }
  100%{ width:90px;
    height:90px; }
}
@keyframes anim2{
  20%{ width:90px;
    height:90px; }
  100%{ width:90px;
    height:90px; }
}

@keyframes anim3renk {
  10% {background-color:#405DE6;}
  20% {background-color:#5851DB;}
  30% {background-color:#833AB4;}
  40% {background-color:#C13584;}
  50% {background-color:#E1306C;}
  60% {background-color:#FD1D1D;}
  70% {background-color:#F56040;}
  80% {background-color:#F77737;}
  90% {background-color:#FCAF45;}
  100% {background-color:#FFDC80;}
}

@keyframes anim3 {
  20%{ width:90px;
    height:90px; }
  100%{ width:90px;
    height:90px; }
}

@keyframes anim4{
  20%{ width:90px;
    height:90px; }
  100%{ width:90px;
    height:90px; }
}


/*hovers*/

.youtubelogo:hover {
  animation-name:anim1;
  animation-duration:2s;
}

.twitterlogo:hover{
  animation-name:anim2;
  animation-duration:2s;
}

.instalogo:hover {
  animation-name:anim3;
  animation-duration:2s;
}

.facelogo:hover{
  animation-name:anim4;
  animation-duration:2s;
}