html,
body {
  background: #000;
  color: #fff;
  height: 100%;
  margin: 0;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  font-family: temeraire, serif;
  font-weight: 600;
  font-style: italic;
  font-size: 100px;
  text-align: center;
}
.marquee {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
	z-index: 1
}



svg {
  display: block;
}
.logo {
  fill: #fff;
}


.gear {
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}

.gear
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         4s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
}



#links {
  height: 100%;
  margin: 0;
  min-height: 100%;
  overflow: scroll;
  position: relative;
  line-height: 125%;
  z-index: 0;
}

#links ul {
	margin:0;
	padding: 10%;
	list-style-type: none;
}

#links ul li {
	margin-bottom: 3%;
}


#links a{
	color: white;
	font-weight: 600;
	text-decoration: none;
}

#links a:hover {
	color: hotpink;
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

#links p {
	font-size: 25%;
	color: #555555;
	margin-top: -20px;
}

#links p a {
	color: #555555;
	margin: 0 1% 0 1%;
}


.oldlinks {
	width: 100%;
	background-color: hotpink;
}

.oldlinks {
    margin-top: -20px;
}

.oldlinks ul li a:hover {
	color: #000000 !important;
}

.oldlinks p {
	color: rgba(255, 255, 255, 0.65) !important; 
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 36px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}



@media only screen and (max-width: 600px) {
  body {
    font-size: 32px;
  }
	
  #links p {
	font-size: 50%;
	  margin-top: 4px;
	}
	p {
line-height: 175%;
	}
	
	
	
	
	#links a{
	color: hotpink;
	text-decoration: none;
	font-weight: 600;
	}

	#links a:focus {
	color: deeppink;
	text-decoration: underline;
	}
	
	#links a:hover {
	color: deeppink;
	text-decoration: underline;
	}
	
	.oldlinks ul li a {
	color: #000000 !important;
	text-decoration: none;
	}
	
	.oldlinks ul li a:focus {
	color: rgba(0, 0, 0, 0.65) !important;
	}
	
	.oldlinks ul li a:hover {
	color: rgba(0, 0, 0, 0.65) !important;
	}
	

}