/*
THE DARK SIDE OF THE INTERNET
*/




/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/
* {
  font-family: "Press Start 2P";
  box-sizing: border-box;
}

/* press-start-2p-regular - latin */
@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/press-start-2p-v14-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/press-start-2p-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/press-start-2p-v14-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/press-start-2p-v14-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/press-start-2p-v14-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/press-start-2p-v14-latin-regular.svg#PressStart2P') format('svg');
  /* Legacy iOS */
}

body {
  color:rgba(236, 30, 30, 0.8);
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(29, 29, 29, 0.637)), url("../img/nsahack.png") fixed center center;
  background-size: cover;
}

canvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  opacity: 0.5;
}

a {
  color: rgba(212, 18, 22, 1.00);
  
}

a:hover,
a:active,
a:focus {
  color: rgba(212, 18, 22, 1.00);
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Press Start 2P";
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

/* Prelaoder */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: rgb(0, 0, 0) url("../img/preloader.svg") no-repeat center center;
}




/*--------------------------------------------------------------
# sith4dmin Section
--------------------------------------------------------------*/
#sith4dmin {
  display: table;
  width: 100%;
  height: 100vh;
}

@media (min-width: 1024px) {
  #sith4dmin {
    background-attachment: fixed;
  }
}

#sith4dmin .sith4dmin-logo {
  margin: 20px;
}

#sith4dmin .sith4dmin-logo img {
  max-width: 250px;
  opacity: 0.9;
}

#sith4dmin .sith4dmin-container {
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

#sith4dmin h1 {
  margin: 30px 0 10px 0;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  color: rgba(146, 41, 41, 0.76);
}

@media (max-width: 768px) {
  #sith4dmin h1 {
    font-size: 28px;
    line-height: 36px;
  }
}




#sith4dmin .actions a {
  font-family: "Press Start 2P";
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
}