/* ⬇️ Whole page ⬇️ */

body {
  padding: 25px;
  font-family: Comic Sans MS;
  background-image: url('Pics&vids/BGs/space.webp');
  color: white;
  text-align: center;
  
}

p {
  display: inline;
  font-family: 'Times New Roman', Times, serif;
}

h1 {
  font-family: Monaco;
  display: inline-block;
}

h2 {
  font-family: "Courier New", Courier, monospace;
  display: inline-block;
}

h3 {
  font-family: Helvetica;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

figure {
  display: inline-block;
  vertical-align: top;
  margin: 10px 6px;
  margin-bottom: 50px;
}

body#aboutme {
  background-image: url('Pics&vids/BGs/space2.gif');
}

body#multimedia {
  background-image: url('Pics&vids/BGs/space5.gif');
}

body#nimmy {
  background-image: url('Pics&vids/BGs/space3.webp');
}


/* ⬇️ Class-based CSS ⬇️ */

.h4 {
  font-size: 24px;
  margin-bottom: 20px;
}


.news {
  background-color: gold;
  color: maroon;
  border-width: 5px;
  border-style: solid;
  border-color: maroon;

}

.news-gif {
  width: 50px;
  height: auto;
}

.old-button {
  width: 130px;
  height: auto;
  margin-right: 10px;
}

.rainbowsimlegif {
  width: 70px;
  height: auto;
}

.news p {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.83em 0;
  font-family: Impact
}

.news {
  padding: 10px;
  margin: 15px;
}

.flipped {
  transform: scaleX(-1);
}


.BitcountSingleInk {
  font-family: "Bitcount Single Ink";
}


.rainbowsimlegif,
.rainbowsimlegif + h3 {
  display: inline-block;
  vertical-align: middle;
}

.rainbowsimlegif + h3 {
  margin: 0;
}

.footer {
  font-family: Comic Sans MS;
}

.divider1 {
  width: 400px;
  height: auto;
}

.divider2 {
  width: 800px;
  height: auto;
}

.s50 {
  width: 50px;
  height: auto;
}

.s75 {
  width: 75px;
  height: auto;
}

.s100 {
  width: 100px;
  height: auto;
}

.s200 {
  width: 200px;
  height: auto;
}

.s300 {
  width: 300px;
  height: auto;
}

.s500 {
  width: 500px;
  height: auto;
}

.s700 {
  width: 700px;
  height: auto;
}

.green {
  color: green;
}

.blue {
  color: blue;
}

.orange {
  color: orange;
}

.violet {
  color: violet;
}


.red {
  color: red;
}

.yellow {
  color: yellow;
}

.Orbitron {
  font-family: Orbitron;
}

.BigShouldersStencil
 {
  font-family: Big Shoulders Stencil;
}

/* ⬇️ Id-based CSS ⬇️ */


#welcome {
  width: 500px;
  height: auto;
}

#visitor {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.83em 0;
  font-family: Courier, 'Courier New', Courier, monospace
}

#nimmyheader {
  font-family: Sixtyfour Convergence;
}

#nimmyfavs {
  font-family: Pirata One;
  color: greenyellow;
}

#QA {
  font-family: Special Elite;
  color: blueviolet;
}