#diceFablesIMG {
		width: 120px; 
		height: 120px; 
		vertical-align: middle;
	}

.ov-auto {
  overflow: auto;
}

.landingArrow {
	position: absolute;
    bottom: 0;
    color: white;
    font-size: 2em;
    width: 100%;
    text-align: center;
    transition: all 0.4s ease-in-out;
}

.landingArrowIcon {
	width: auto;
	
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
	cursor: pointer;
	&:hover {
		color: #9933FF;
	}
}

.coverTile{
	object-fit: cover;
	height: 300px;
}

.project img.h100 {
  width: 100%; /* Ensures the image covers the full width of its parent */
  height: 100%; /* Ensures the image covers the full height of its parent */
  object-fit: cover; /* Ensures the image covers the area without stretching */
  object-position: top;
}


.w100{
	width: 100%;
}

a.nostyle:link {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

a.nostyle:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

@media (max-width: 992px) {
	#diceFablesIMG{
		width: 80px; 
		height: 80px; 
	}
}

@media (max-width: 600px) {
	#diceFablesIMG{
		width: 100%; 
		height: 80px; 
	}
}

  @keyframes path1Animation {
    from, to { fill: #9933ff; }
    50% { fill: #FFFFFF00; }
  }

  @keyframes path2Animation {
    from, to { fill: #bf80ff; }
    50% { fill: #FFFFFF00; }
  }

  @keyframes path3Animation {
    from, to { fill: #9933ff; }
    50% { fill: #FFFFFF00; }
  }

  @keyframes path4Animation {
    from, to { fill: #6600cc; }
    50% { fill: #FFFFFF00; }
  }

  @keyframes path5Animation {
    from, to { fill: #400080; }
    50% { fill: #FFFFFF00; }
  }

  @keyframes path6Animation {
    from, to { fill: #6600cc; }
    50% { fill: #FFFFFF00; }
  }

  @keyframes path7Animation {
    from, to { fill: #9933ff; }
    50% { fill: #FFFFFF00; }
  }

  @keyframes path8Animation {
    from, to { fill: #400080; }
    50% { fill: #FFFFFF00; }
  }

  @keyframes path9Animation {
    from, to { fill: #6600cc; }
    50% { fill: #FFFFFF00; }
  }

  @keyframes path10Animation {
    from, to { fill: #6600cc; }
    50% { fill: #FFFFFF00; }
  }

  /* Apply animations to each path */
  #path1 { animation: path1Animation 10s infinite ease-in-out; }
  #path2 { animation: path2Animation 9s infinite ease-in-out; }
  #path3 { animation: path3Animation 9.5s infinite ease-in-out; }
  #path4 { animation: path4Animation 10s infinite ease-in-out; }
  #path5 { animation: path5Animation 9.9s infinite ease-in-out; }
  #path6 { animation: path6Animation 9.1s infinite ease-in-out; }
  #path7 { animation: path7Animation 9.3s infinite ease-in-out; }
  #path8 { animation: path8Animation 9.4s infinite ease-in-out; }
  #path9 { animation: path9Animation 9.6s infinite ease-in-out; }
  #path10 { animation: path10Animation 9.7s infinite ease-in-out; }

.radial-bg-dark{
      background: radial-gradient(circle, rgba(0, 0, 0, 0.5) 0%, transparent 70%);
}

.mt-10{
  margin-top: 20vh;
}

.mt-0{
  margin-top: 0px;
}

.pv-10{
  padding: 10px 0px 10px 0px;
}

.focus-card{
  background: #000000a1;
  padding: 20px;
  box-shadow: rgb(0 0 0) 0px 20px 30px -10px;
}

#usersList {
  margin-top: 12px;
}

.whitelist-users-list {
  list-style: none;
  padding-left: 0;
  margin: 6px 0 0 0;
}

.whitelist-users-title {
  font-family: 'Droid Serif', serif;
  letter-spacing: 1px;
}

#landingTitle{
  top: 50%;
}

.swal2-popup {
    background-color: #000000f0;
    color: #f3f3f3;
    border-radius: 0px;
}

.btn-primary:hover, .btn-primary:focus, .btn-active {
    border-color: white;
    color: white;
    padding: 14px 60px 14px 60px;
    letter-spacing: 5px;
}

.landingTitleTransition{
  top: 25% !important;
}

@media (max-width: 792px) {
  .section-header .content {
    top: 12%;
  }
}

@media (max-width: 600px) {
  .section-header .content {
    top: -3%;
  }

  #landingTitle {
    scale: 0.8;
  }

  #landingTitle h3{
    font-size: 2.175em;
  }

  .landingTitleTransition {
      top: 17% !important;
  }
}

@media (max-width: 399px) {
  .section-header .content {
    top: -2%;
  }

  #landingTitle {
    scale: 0.65;
  }

  #landingTitle h3{
    font-size: 1.875em;
  }

  #landingTitle h1{
    font-size: 4em;
  }

  #diceFablesIMG {
    height: 55px;
  }

  .landingTitleTransition {
      top: 9% !important;
  }
}