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


.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; }