@font-face {
  font-family: nino;
  src: url("../assets/font/bpg_nino_mtavruli_normal.ttf");
}
* {
  font-family: nino;
}

body {
  min-height: 100vh;
  //overflow-y: hidden;
  xbackground: linear-gradient(to bottom left, #ff99ff 2%, #333399 94%);
}

.navbar-navbg {
  background-color: #dc3545;
}

.hexagon {
  width: 530px;
  height: 322px;
  position: relative;
  border-radius: 25px;
  background-color: rgba(196, 26, 35, 0.507);
  transform: translate(-505, 50%);
  transform: rotate(-30deg);
  box-shadow: 2px 2px 10px 0px black;
}
.hexagon .UgLogo {
  width: 97px;
  height: 97px;
  bottom: 270px;
  right: 125px;
  background-image: url("../image/vpDmQDf1GBoUO2Xkvj0rPmwldvMyEfcq9Hi69Gbj.png");
  background-size: 91px;
  transform: rotate(30deg);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9999;
}
.hexagon .form-div {
  z-index: 9999;
  width: 80%;
  transform: rotate(30deg);
}
.hexagon .form-div .btn-color {
  background: linear-gradient(to right, rgba(196, 26, 35, 0.5058823529) 0%, rgba(29, 26, 196, 0.5019607843) 57%);
}
.hexagon .form-div .btn-color:hover {
  transform: scale(0.98);
}
.hexagon .copyright {
  z-index: 999999;
  transform: rotate(30deg);
  top: 279px;
  font-size: 15px;
  right: 207px;
}

.hexagon:before,
.hexagon:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(29, 26, 196, 0.5);
  box-shadow: 2px 2px 10px 0px black;
}

.hexagon:before {
  transform: rotate(60deg);
  border-radius: 25px;
}

.hexagon:after {
  transform: rotate(-60deg);
  border-radius: 25px;
}

.border-color {
  width: 100%;
  //height: 296px;
  box-shadow: 2px 2px 10px 0px black;
}
.border-color .form-check-input {
  width: 3rem;
  height: 43px;
}

@media screen and (max-width: 780px) {
  body {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 602px) {
  .hexagon {
    width: 489px;
    height: 303px;
  }
}
@media screen and (max-width: 592px) {
  .UgLogo {
    left: 283px;
    top: -53px;
  }
}
@media screen and (max-width: 546px) {
  .UgLogo {
    left: 235px;
    top: -49px;
  }
}
@media screen and (max-width: 546px) {
  .UgLogo {
    left: 235px;
    top: -49px;
  }
}
@media screen and (max-width: 550px) {
  .hexagon {
    width: 415px;
    height: 260px;
  }
  .hexagon .copyright {
    top: 227px;
    right: 157px;
  }
}
@-webkit-keyframes envelopeAnimation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  75% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes envelopeAnimation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  75% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}/*# sourceMappingURL=style.css.map */