* {
  	margin: 0;
  	padding: 0;
}

body {
	background-color: rgb(20, 20, 20);
  	color: white;
  	font-family: Arial;
}

#loader {
    border: 12px solid #f3f3f3;
  	border-radius: 50%;
  	border-top: 12px solid #444444;
  	width: 70px;
  	height: 70px;
  	animation: spin 1s linear infinite;
	}
          
@keyframes spin {
	100% {
    	transform: rotate(360deg);
    }
}
          
.center {
	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	margin: auto;
}

.topnav {
  	position: sticky;
  	top: 0px;
  	background-color: rgb(30, 30, 30);
  	padding: 15px;
  	height: 30px;
}

.topnav a {
  	color: white;
  	font-size: 20px;
  	padding: 15px;
  	text-decoration: none;
}

.topnav a:hover {
  	color: darkgreen !important;
}

center img {
  	width: 225px;
}

center a {
  	text-decoration: none;
  	color: rgb(110, 110, 110);
}

.memeofftheweekdesc {
  	text-align: center;
}

.active {
  	color: lightgreen !important;
}

a {
  	color: white;
  	text-decoration: none;
}
a:hover {
  	color: gray !important;
}

iframe {
  	width: 90%;
  	height: 650px;
}

/* scrillbar */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.active2 {
  	color: lightgreen !important;
}