@font-face { font-family: 'sixteenchars'; src: url('/fonts/sixteenchars.ttf') format('truetype'); }
@font-face { font-family: 'sixteenchars2'; src: url('/fonts/sixteenchars2.ttf') format('truetype'); }

/* Rotation for TopNav icon */
.rotate {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* Fade in an out */
.fadeinout {
	animation: fadeinoutanim 2s infinite linear;
}

@keyframes fadeinoutanim {
    0% {
        display: block;
        opacity: 0;
    }

    50% {
        display: block;
        opacity: 1;
    }
    100% {
        display: block;
        opacity: 0;
    }
}

.clickable {
	cursor: pointer;
}

body {
	background-color: #DDD;
}
  
.subtitle {
	color: #FFF !important;
}

/* Card Columns Tweaks */
@media (min-width:0px) {
	.card-columns {
		column-count: 1;
	}
}
@media (min-width:600px) {
	.card-columns {
		column-count: 2;
	}
}
@media (min-width:900px) {
	.card-columns {
		column-count: 3;
	}
}
@media (min-width:1200px) {
	.card-columns {
		column-count: 4;
	}
}
@media (min-width:1400px) {
	.card-columns {
		column-count: 5;
	}
}

a,
a:hover,
a:visited
{
	text-decoration: none;
}

a:hover,
a:visited
{
	color: purple;
}

/* Modal background BLACK */
.modal-backdrop {
   opacity: 0.9 !important;
}