style.css

:root {
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
      0 1px 2px rgba(0, 0, 0, 0.24);
  --transition: linear 0.17s;
  --anime: 0 14px 28px rgba(0, 0, 0, 0.25),
      0 10px 10px rgba(0, 0, 0, 0.22);
}

@font-face {
  font-family: "Google";
  src: url(font/ProductSans-Bold.woff);
}
body {
  background: rgb(209, 209, 209) !important;
  font-family: "Google", "sans-serif";
  text-align: center;
}
body div.mybox {
  box-shadow: var(--shadow);
}

#DSC-SJCET {
  display: block;
}

#SMALL-DSC-SJCET {
  display: none;
}

.bi {
  margin: 0 !important;
  width: 100%;
  height: 17vh;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  box-shadow: var(--shadow);
  transition: var(--transition);
}

a > .bi:active,
a > .bi:active:after,
a > .bi:hover {
  font-size: 3.8rem;
}

.instagram {
  background: #c13584;
  background: linear-gradient(45deg, #c13584 0%, #e1306c 30%, #f56040 67%, #f77737 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c13584", endColorstr="#f77737", GradientType=1);
}

.chapter {
  background: #db4437;
  background: linear-gradient(45deg, #db4437 19%, #f4b400 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db4437", endColorstr="#0f9d58", GradientType=1);
}

.twitter {
  background: #4285F4;
  background: linear-gradient(45deg, #4285F4 0%, #45b1ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4285F4", endColorstr="#45b1ef", GradientType=1);
}

.github {
  background: #2b3137;
  background: linear-gradient(45deg, #2b3137 0%, #24292e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b3137", endColorstr="#24292e", GradientType=1);
}

.whatsapp {
  background: #22b455;
  background: linear-gradient(45deg, #22b455 30%, #00c040 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#22b455", endColorstr="#00c040", GradientType=1);
}

.discord {
  background: #7289da;
  background: linear-gradient(45deg, #7289da 0%, #5473d8 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7289da", endColorstr="#5473d8", GradientType=1);
}

.linkedin {
  background: #0a66c2;
  background: linear-gradient(45deg, #0a66c2 0%, #2674c1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a66c2", endColorstr="#2674c1", GradientType=1);
}

.site {
  background: #6f38c5;
  background: linear-gradient(45deg, #6f38c5 0%, #8159c1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6f38c5", endColorstr="#8159c1", GradientType=1);
}

.mybox {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .bi {
    height: 20vh;
  }
}
.prevent-select {
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none; 
}