@font-face {
  font-family: DMSans-Bold;
  src: url(../DM_Sans/DMSans-Bold.ttf);
}

@font-face {
  font-family: DMSans-Regular;
  src: url(../DM_Sans/DMSans-Regular.ttf);
}

@font-face {
  font-family: DMSans-Medium;
  src: url(../DM_Sans/DMSans-Medium.ttf);
}

@font-face {
  font-family: Manrope-Regular;
  src: url(../DM_Sans/Manrope-Regular.ttf);
}

@font-face {
  font-family: New York Extra Large Regular;
  src: url(../DM_Sans/NewYorkExtraLargeRegular.ttf);
}

body{
    user-select: none;
}
.platforms {
  /*margin: 145px 0px 109px 0px;*/
    margin: 86px 0px 109px 0px;

}

.platform-icon-container {
  width: 223px;
  height: 223px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 14px 17px 34px rgba(0, 0, 0, 0.03);
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 60px;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.0575342s;
}

.fa-facebook-f {
  color: #4267b2;
}

.facebook:hover {
  background: #4267b2;
}

.facebook:hover .fa-facebook-f {
  color: white;
}

.fa-twitter {
  color: #1da1f2;
}

.twitter:hover {
  background: #1da1f2;
}

.twitter:hover .fa-twitter {
  color: white;
}

.fa-snapchat {
  color: #f2f028;
}

.snapchat:hover {
  background: #f2f028;
}

.snapchat:hover .fa-snapchat {
  color: white;
}

.fa-instagram {
  color: #d62976;
}

.instagram:hover {
  background: #d62976;
}

.instagram:hover .fa-instagram {
  color: white;
}

.fa-youtube {
  color: #ff0000;
}

.youtube:hover {
  background: #ff0000;
}

.youtube:hover .fa-youtube {
  color: white;
}

.fa-linkedin-in {
  color: #275fcf;
}

.linkedin:hover {
  background: #275fcf;
}

.linkedin:hover .fa-linkedin-in {
  color: white;
}

.fa-pinterest {
  color: #d30322;
}

.pinterest:hover {
  background-color: #d30322;
}

.pinterest:hover .fa-pinterest {
  color: white;
}

.fa-telegram {
  color: #02acf2;
}

.telegram:hover {
  background: #02acf2;
}

.telegram:hover .fa-telegram {
  color: white;
}
