/* If you're really looking for something in the CSS file of a neocities website, 
that says more about you than it does me. */

body {
  background-color: #070707; /* 07 to affordable computing */
  color: white;
  text-align: center;
  font-family: Verdana;
}

/*
=============================================
                media queries
=============================================
Mostly for adjusting the margins depending on
the width of the device being used.
*/
/*smaller devices*/
@media only screen and (max-width: 768px) {
    body {margin-left: 5%;margin-right: 5%;}
}
/*medium devices*/
@media only screen and (min-width: 768px) {
    body {margin-left: 7%;margin-right: 7%;}
}
/*large devices*/
@media only screen and (min-width: 992px) {
    body {margin-left: 12%;margin-right: 12%;}
}
/*extra large devices*/
@media only screen and (min-width: 1200px) {
    body {margin-left: 15%;margin-right: 15%;}
}


/*Disclaimer at the bottom of the page*/
.disclaimer {
    color: lightgrey;
    font-size:small;
}

.footnotes  {
    text-align: left;
    color: lightgrey;
    font-size:small;
}

h1 {
  text-align: center;
  color: lightgrey;
  text-shadow: 2px 2px 5px red;
}
.opening {
    background-color:rgba(255, 255, 255, 0.15);
    margin-left: 15%;
    margin-right: 15%;
}

.facts  {
    text-align: left;
    text-decoration-line: underline;
}
.p-inj {
    color:rgba(7,7,7,0.1);
    font-size:xx-small;
}
ol  {
    text-align: left;
    color: lightgrey;
}

ul {
  text-align: left;
}

/* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: purple;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: blue;
}