.first-section {
  background: url('images/background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}

.blink {
  animation: blinker 1.5s linear infinite;
  color: red;
  font-family: sans-serif;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.title {
  color: #db3eb1;
  border: 6px solid #db3eb1;
  border-radius: 15px;
  padding: 15px 25px;
  font-size: 30px;
  font-family: tahoma;
  text-align: center;
  letter-spacing: 5px;
  cursor: pointer;
  font-weight: bold;
  filter: drop-shadow(0 0 15px #db3eb1) drop-shadow(0 0 50px #db3eb1) contrast(2) brightness(2);
  transition: .5s;
}

.button {
  padding: 15px 25px;
  font-family: tahoma;
  cursor: pointer;
  filter: drop-shadow(0 0 10px #6048a0) drop-shadow(0 0 50px #6769c5) contrast(1) brightness(1);
  transition: .5s;
}

.imgback {
  padding: 15px 25px;
  font-family: tahoma;
  cursor: pointer;
  filter: drop-shadow(0 0 10px #50374d) drop-shadow(0 0 50px #52414e) contrast(1) brightness(1);
  transition: .5s;
}

.imgback:hover {
  padding: 15px 25px;
  font-family: tahoma;
  cursor: pointer;
  filter: drop-shadow(0 0 10px #df3bcb) drop-shadow(0 0 50px #dd3ab7) contrast(1) brightness(1);
  transition: .5s;

}

/* .phone:hover{
  animation: cssAnimation_0 959ms 2 ease;
  

} */

.computerback {
  padding: 15px 25px;
  font-family: tahoma;
  cursor: pointer;
  filter: drop-shadow(0 0 10px #375039) drop-shadow(0 0 50px #415245) contrast(1) brightness(1);
  transition: .5s;
}

.computerback:hover {
  padding: 15px 25px;
  font-family: tahoma;
  cursor: pointer;
  filter: drop-shadow(0 0 10px #5cdf3b) drop-shadow(0 0 50px #60dd3a) contrast(1) brightness(1);
  transition: .5s;
}

.tback {
  padding: 15px 25px;
  font-family: tahoma;
  cursor: pointer;
  filter: drop-shadow(0 0 10px #373d50) drop-shadow(0 0 50px #414252) contrast(1) brightness(1);
  transition: .5s;
}

.tback:hover {
  padding: 15px 25px;
  font-family: tahoma;
  cursor: pointer;
  filter: drop-shadow(0 0 10px #3b67df) drop-shadow(0 0 50px #3a60dd) contrast(1) brightness(1);
  transition: .5s;
}

.videoback {
  padding: 15px 25px;
  font-family: tahoma;
  cursor: pointer;
  filter: drop-shadow(0 0 10px #1fddd4) drop-shadow(0 0 50px #11d8b7) contrast(1) brightness(1);
  transition: .5s;
}


@keyframes cssAnimation_0 {
  to {
    border: 3px outset rgba(175, 40, 199, 0);
    border-radius: 9px;
  }
}

.tit {
  animation: cssAnimation_1 984ms 5 ease 127ms;
}

@keyframes cssAnimation_1 {
  to {
    font-size: 19px;
    font-weight: bolder;
    line-height: 1.7;
    letter-spacing: 0px;
  }
}


/* .title:hover {
  color: black;
  background-color: #db3eb1;
  filter: drop-shadow(0 0 20px #db3eb1) contrast(2) brightness(2);
} */

.navbar {
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 1;
}

@media screen and (max-width: 960px) {
    .first-section{
      height: auto;
    
    }
}