/* CSS is what makes it pretty. It ISNT html, so remember that. Google is your friend, because you can actually
see the changes this time*/

body {
  font-size: 14px; /* There's other measurements. if you want nothing, just input '0'.*/
  background-color: #EEEEEE;
  color: black;
  position: center;
  font-family: Verdana, "Times New Roman", arial;
  border-style: groove;
  border-width: 5px;
  border-color: #E4E4E4;
  margin: 10px;
  padding: 10px;
  background-image: url("http://wikidevry.neocities.org/OSBackground.png"); /*OH MY GOD FINALLY */
  }
.footer {
   clear: both; 
}
.bawx {
  text-align: center;       /* The recc'd way to center things. The thing I'm aiming for*/
  float: right;
  background-color: rgba(255,255,255,0.75);
  border-style: ridge;
  border-color: #a6a6a6;
  border-radius: 15px;
}
#lefter {
  float: left;
  margin: 0;
  padding: 15px;
}
.list { /* '#' is id, '.' is class. id is single element, class is multiple. shove it in an html element to expressly class it/multiple out*/
  background: rgba(158, 158, 158,0.65);
  display: flex;
  border: 2px black;
  padding:15px;
  margin: 10px;
  border-style: dashed;
  border-color: #D0D0D0;
  border-width: 4px;
}
#boxstring {
  display: inline-block;
  background: white;
	border: 3px ridge #DBCBCB;
	padding: 10px;
}
h1 { /*stylizes a header */
    color: #a6a6a6;
    background: linear-gradient(#C14C45,#803d39,#C14C45); /* I wonder if I can use rgba for this...*/
    background-color: #C14C45;
    border-style: outset;
    border-width: 3px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-color: grey;
    margin: 10px;
    padding: 25px;
  }
h2 {
    color: black;
    background-color:#AD9292;
    margin: 10px;
    padding: 40px;
    border-radius: 25px;
}
h4 {
    color: black;
    background-color: #a6a6a6;
}
strong {
 text-transform: uppercase; /* There's A multitude of text modifiers, but lets not play too heavily yet*/
}