/* start of code */

h1 {   /* header */
  color: aqua;
  font-size: 60px;
}

p,
li {
  color: aqua;   /* set text color */
  padding: 5px;
  background: none;  /* eventually set to none */
}

li em { /* set list special item */
  color: rebeccapurple;
  background-color: black;
  display: inline;
}

li {
  list-style-type: none; /* Removes bullet points */
}

a:link { /* link parameters */
  color: lightgreen;
  background-color: black;
  display: inline;
}

a:visited {
  color: pink;
  background-color: black;
  display: inline;
}

a:hover {
  text-decoration: none;
}

.dummy { /* test bar + box CSS code */
  border: 5px solid black;
  padding: 10px;
  width: calc(90% - 30px);
  background-color: rebeccapurple;
  color: white;
  margin: 30px;
  width: 100px;
  height: 100px;
  transform: rotate(0.8turn);
}

body {
  background-image: url(https://bluemsx.neocities.org/Images/Earth_Mega_CD.png);
  /* background-repeat: no-repeat; toggle as needed */
}

html { /* HTML font size parameters */
  font-size: 100%;
}

span {
  font-size: 1.6rem;
}

.under {
  text-decoration: underline aqua;
}

.percent {
  font-size: 120%;
}

.boarder { /* border/window test code */
  border: 5px solid aqua;

}

.box1 { /* site links window code */
  border: 5px solid cyan;
  background: none;
  padding: 40px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 30px;
  margin-bottom: 40px;
  width: 140px;
  height: 200px;
  font-size: 20px;
  line-height: 10px;
  text-align: left;
  transform: translate(0px, 0px) rotate(0deg); /* moved transform here! */
}

#myBox { /* socials window code */
  width: 200px;
  height: 470px;
  margin-top: -540px;
  margin-left: 1020px;
  margin-right: 30px;
  margin-bottom: 40px;
  padding: 25px;
  border: 5px solid cyan;
}

#mybox { /* window tilt fix */
  transform: rotate(0deg);
}

.thebox { /* upper banner window code */
  border: 5px solid cyan;
  width: 995px;
  height: 100px;
  margin-top: -130px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  line-height: 10px;
  text-align: center;
}

.yogbox { /* center box */
  border: 5px solid cyan;
  width: 745px;
  height: 400px;
  margin-top: -330px;
  margin-left: 250px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 10px;
  text-align: center;
}

.bottombox { /* lower box */
  border: 5px solid cyan;
  width: 745px;
  height: 110px;
  margin-top: -30px;
  margin-left: 250px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  text-align: center;
}

.backrub { /* links page main box */
  border: 5px solid cyan;
  width: 500px;
  height: 2000px;
  margin-top: 10px;
  margin-left: 400px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  text-align: center;
}

.shmebulock {
  background-image: url(https://bluemsx.neocities.org/Images/stars.gif);
}

.pumpkin-wine {
  background-image: url(https://bluemsx.neocities.org/Images/pandabear.png);
}

#webring-container { /* use as needed */
  text-align: center;
  margin: 20px 0;
  
}

.miomao{ /* webring box Version 4 */
  border: 5px solid cyan;
  width: 250px;
  height: 110px;
  margin-top: -122px;
  margin-left: 765px;
  margin-right: 0px;
  margin-bottom: 10px;
  font-size: 15px;
  text-align: center;
}

.box1a { /* art preview box */
  border: 5px solid cyan;
  background: none;
  padding: 40px;
  margin-top: -40px;
  margin-left: 0px;
  margin-right: 30px;
  margin-bottom: 40px;
  width: 140px;
  height: 200px;
  font-size: 20px;
  line-height: 10px;
  text-align: left;
  transform: translate(0px, 0px) rotate(0deg); /* moved transform here! */
}
/* */

.sable {
  border: 5px solid cyan;
  background: none;
  padding: 40px;
  text-align: center;
  margin-top: 20px;
  margin-left: 300px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: 500px;
  height: 400px;
}

/* */

.gizmo {
  border: 5px solid cyan;
  background: none;
  padding: 40px;
  text-align: center;
  margin-top: -525px;
  margin-left: -343px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 200px;
  height: 400px;
}

/* */

.cloudy {
  background-image: url(https://bluemsx.neocities.org/Images/Clouds_Mega_CD.png);
}

/* */

.geo {
  background-image: url(https://bluemsx.neocities.org/Images/Geometric_Mega_CD.png);
}

/* */

.sable2 {
  border: 5px solid cyan;
  background: none;
  padding: 40px;
  text-align: center;
  margin-top: 20px;
  margin-left: 300px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: 500px;
  height: 800px;
}

/* */

.sable2e {
  border: 5px solid cyan;
  background: none;
  padding: 40px;
  text-align: center;
  margin-top: 20px;
  margin-left: 50px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: 500px;
  height: 800px;
}

/* */

.eddie {
  border: 5px solid cyan;
  background: none;
  padding: 40px;
  text-align: center;
  margin-top: -832px;
  margin-left: 570px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: 400px;
  height: 300px;
}

/* */


.yeti {
  border: 5px solid cyan;
  background: none;
  padding: 40px;
  text-align: center;
  margin-top: 50px;
  margin-left: -45px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: 400px;
  height: 120px;
}

/* */

/* end of line */