body {
    height: 100%;
    width: 100%;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed3537',
     endColorstr='#fffb3e40', GradientType=0);

     background-image: -webkit-linear-gradient(#a853f8, #3ec5fb 50%, #52b6a0);
    background-image: -o-linear-gradient(#a853f8, #3ec5fb 50%, #52b6a0);
    background-image: linear-gradient(#a853f8, #3ec5fb 50%, #52b6a0);
    background-repeat: no-repeat;

    font-family: 'Trebuchet MS', sans-serif;
}
@import url("https://fonts.googleapis.com/css?family=Signika+Negative:300,400&display=swap");

.fade-in {
  opacity: 0;
    transform: translateY(50px); /* Start 50px below its original position */
    transition: opacity 1s ease-out, transform 1s ease-out; /* Adjust timing for the desired effect */
    will-change: opacity, transform; /* Optimize rendering for smoother animation */
}

fade-in-section {
    opacity: 0;
    transform: translateY(20vh);
    visibility: hidden;
    transition: opacity 1200ms ease-out, transform 600ms ease-out,
      visibility 1200ms ease-out;
    will-change: opacity, transform, visibility;
  }

  
  .fade-in-section.is-visible {
    opacity: 1;
    transform: none;
    visibility: visible;
  }

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}


hr {

  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 2px 0;
}


.navbar-nav > li > .dropdown-menu a:focus { background-color: #31d2f2 }

.navbar-nav {
      float:none;
      margin:0 auto;
      text-align: center;

  }

  .navbar-nav > li {
      display: inline-block;
      float:none;
      font-size:120% !important;
  }

.navhr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(250, 250, 250, 0.1);
}

.column {
      position: fixed;
      top: 0;
      z-index: 10;
  }

  .backgr {
    position: relative;
      z-index: 5;
  }

  .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0; /* remove the gap so it doesn't close */
  }

  .secondary {
      position: relative;
      z-index: 1;
  }

  vertical-center {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */

    display: flex;
    align-items: center;
  }

  .alma {                
      box-shadow: 0 5px 20px 50px rgba(33,37,41,1);
      
     
      
    }

    .szinesdiv {
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(#a853f8, #3ec5fb 50%, #52b6a0);
        background-image: -o-linear-gradient(#a853f8, #3ec5fb 50%, #52b6a0);
        background-image: linear-gradient(#a853f8, #3ec5fb 50%, #52b6a0);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed3537',
         endColorstr='#fffb3e40', GradientType=0);
}



.szinesdiv {
  height: 100%;
  width: 100%;
  background-image: -webkit-linear-gradient(#a853f8, #3ec5fb 50%, #52b6a0);
  background-image: -o-linear-gradient(#a853f8, #3ec5fb 50%, #52b6a0);
  background-image: linear-gradient(#a853f8, #3ec5fb 50%, #52b6a0);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed3537',
   endColorstr='#fffb3e40', GradientType=0);
}


.success-message,
.error-message {
  padding: 2rem;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.success-message {
  background-color: #1d1d1d; /* Dark background */
}
.success-icon {
  font-size: 3rem;
  color: #28a745; /* Bootstrap green */
  margin-bottom: 1rem;
}
.error-message {
  background-color: #2d1b1b; /* Dark red background */
}
.error-icon {
  font-size: 3rem;
  color: #dc3545; /* Bootstrap red */
  margin-bottom: 1rem;
}
.hidden {
  display: none !important; /* Ensure the div is completely hidden */
}