@import url(https://fonts.bunny.net/css?family=jetbrains-mono:300|sixtyfour:400|sixtyfour-convergence:400|vt323:400|yarndings-12:400);

body {
  max-width:1400px;
  color: #FAF9F6;
  background-color: rgba(0, 0, 0, 1);
}

*{
  background-image:url("/pics/abstractred.jpg");
  background-attachment: fixed;
  background-size: cover;
  }

h1{
    font-family: 'Sixtyfour Convergence', monospace;
    padding-top:0px;
}

h2, h3, h4{
    font-family: 'VT323', monospace;
}

h1,h2,h3,h4,p,ul,li,a,span,strong,div:not(.nav),em{
  background-image:none;
  }

article{
  font-family: 'JetBrains Mono', monospace;
  background-color:rgba(33,33,33,0.8);
  background-image:none;
  margin-top:20px;
  margin-bottom:20px;
  padding:20px;
  padding-top:10px;
  padding-bottom:10px;
  max-width:1400px;
  border:3px solid gray;
  border-radius: 10px;
  }

.symbol {
    font-family: 'Yarndings 12';
}

ul 
  {list-style-type: square;
  }

a {
  color: #F25A5A;
  font-weight: bold;
}

a:visited{
  color:#FF9191;
  }
a:hover{
  color:#E61C1C;
  }
a:active{
  color:#730E0E;
  }

.nav{
  background-color: rgba(33,33,33,0);
  border:3px solid gray;
  border-radius:10px;
  position:sticky;
  top:10px;
  max-width:1400px;
  padding:10px;
  padding-bottom:0px;
  }

.nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  }

.nav ul li {
  float: left;
}

.nav ul li a {
  display: block;
  color: white;
  text-align: center;
  padding-left: 10px;
  padding-right:10px;
  text-decoration: none;
  font-family: 'VT323', monospace;
  font-size:28px;
}

.nav ul li a:hover {
  color: #E61C1C;
}
.nav ul li a:active{
  color:#730E0E;
  }

:root {
  --color-1: #730E0E;
  --color-2: #E61C1C;
  --color-3: #F25A5A;
  --color-4: #FF9191;
}