html,body{
    overflow-x: hidden;
}

#header {
  background-color: #fdcfe8;
}

#two {
    color: #afc6ff;
    background-color: #012a78;
}

#one {
  color: white;
  background-color: teal;
}

.btn-yt, .btn-yt:hover, .btn-yt:active, .btn-yt:visited {
  color:white !important;
  background: #f5222d !important;
}
  
.btn-hits, .btn-hits:hover, .btn-hits:active, .btn-hits:visited {
  color:white !important;
  background-color: #4c6ef5 !important;
}
  
.btn-fb, .btn-fb:hover, .btn-fb:active, .btn-fb:visited {
  color:white !important;
  background-color:#1877f2 !important;
}
  
.btn-insta, .btn-insta:hover, .btn-insta:active, .btn-insta:visited {
  color: white !important;
  background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d) !important;
}

.btn-twitter, .btn-twitter:hover, .btn-twitter:active, .btn-twitter:visited {
  color:white !important;
  background-color:#1DA1F2 !important;
}

.btn-hits:hover, .btn-fb:hover, .btn-insta:hover, .btn-yt:hover, .btn-site:hover, .btn-twitter:hover {
  opacity: 0.8;
}

.footer {
  background: rgb(0,0,0);
  color: #fff;
}

#tilt {
  transform-style: preserve-3d;
  transform: perspective(1000px); 
}

#pop {
  transform: translateZ(20px);
}