body {
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
}

.textcenter {
    text-align: center;
}

.textright {
    text-align: right;
}

.textleft {
    text-align: left;
}

.textbottom {
    text-align: end;
}

.opacity0 {
    opacity: 0;
}

.opacity25 {
    opacity: 25;
}

.opacity50 {
    opacity: 50;
}

.opacity75 {
    opacity: 75;
}

.opacity100 {
    opacity: 100;
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: #6b7280;
    color: rgba(107,114,128,var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: #ffffff;
}

.dark\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: #111827;
    background-color: rgba(17,24,39,var(--tw-bg-opacity))
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bottom-0 {
    bottom: 0
}

.bottom-\[60px\] {
    bottom: 60px
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

@media(min-width: 1024px) {
    .lg\:max-h-64 {
        max-height:16rem
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:px-48 {
        padding-left: 12rem;
        padding-right: 12rem
    }

    .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.justify-center {
    justify-content: center
}

.flex {
    display: flex
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.social-bar a {
    display: inline;
    text-align: center;
    padding: 18px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
    border-radius: 50%;
  }
   
  .social-bar a:hover {
    background-color: rgb(6, 1, 1);
  }
  
  .twitter {
    background: #11bcff;
    margin: 20px;
  }
  
  .youtube {
    background: red;
    margin: 20px;
  }

  .github {
    background: rgb(140, 0, 255);
    margin: 20px;
  }
  
  .reddit {
    background: rgb(255, 69, 0);
    margin: 20px;
  }

  .twitch {
    background: rgb(169, 112, 255);
    margin: 20px;
  }

  .esign {
    background-color: rgb(58, 183, 233)
  }

  .telegram {
    background-color: rgb(55, 175, 223)
  }

  .float-on-hover {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .float-on-hover:hover, .float-on-hover:focus, .float-on-hover:active {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }