/*
----------------------------------------
Tantek Celik's Whitepsace Reset
     Author:  	Tantek Celik, Shane Riley
    Version:  	(CC) 2010 Some Rights Reserved - http://creativecommons.org/licenses/by/2.0
Description:	Resets default styling of common browsers to a common base
----------------------------------------
*/

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd, figure, figcaption {
  margin: 0;
  padding: 0; }
a img,:link img,:visited img, fieldset { border: none; }
address { font-style: normal; }
header, section, article, nav, footer, hgroup, details, summary, figure, main { display: block; }
mark {
  color: inherit;
  background: transparent; }
abbr { border: none; }
summary::-webkit-details-marker { display: none; }

/*******************
  General
******************/

@keyframes MoveUpDown {
  0% {
    bottom: 50px;
  }
  50% {
    bottom: 65px;
  }
  100% {
    bottom: 50px;
  }
}

body {
  padding: 0;
  margin: 0;
  position: relative;
  background-color: #353535;
  color: #646464;
}

.fixed {
  /* position: fixed;
  top: 72px; */
  left: 0;
  width: 100%;
}

.center {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
}

.move {
  animation: MoveUpDown 2s linear infinite;
}

a {
  text-decoration: none;
}


/*******************
  Landing Page
******************/


#landing {
  font: normal 20px/160% "Roboto Mono", monospace;
  font-size: 1.5em;
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}

#landing .info {
  padding: 0 20px;
  position: relative;
  z-index: 20;
  max-width: 1100px;
  padding-top: 70px;
  margin: 5vw 10vw 5vw 10vw;
}

#landing .info h1 {
  line-height: 150%;
  color: #ffffff;
  font-weight: 900;
  padding-bottom: 40px;
  font-size: 1.8em;
}

#landing .info p {
  margin-bottom: 20px;
  color: #cccccc;
  font-weight: 700;
}

#landing .info p a {
 padding: 0 5px;
 color: #ffff98;
 text-decoration: underline;
 font-weight: 700;
}

#landing .info p a:hover {
    color: #A8FF9B;
}

#landing .info span + span:hover {
  background-color: #353535;
}

#landing .info p span + span a {
  border-bottom: 1px solid #353535;
}