/* you should NOT be reading this shit i am NOT good with computer */

div.greenlite {
  border-color: #44dd44
}

div.yellowlite {
  border-color: #c1b111
}

div.redlite {
  border-color: #dd5252
}

div.purplite {
  border-color: #aa22bb
}

body {
  color: #080808;
  font-family: Arial;
}

div {
  background-color: #D1D1D1;
  /*border-radius: 35px;
  border: 3px solid black;*/
  border: 5px solid;
  width: 500px;
  padding: 30px;
  margin: 30px;
  font-size: 24px;
  margin-left: auto;
  margin-right: auto;
}

div.bigflex {
  align-items: center;
  display: flex;
  flex-direction: row;
}
/* didn't work.*/

img {
  height: auto;
  max-width: 800px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 20px;
}

img.hey {
  height: 6cm;
  width: 6cm;
}

img.ya {
  height: 1.8cm;
  width: 2.4cm;
}



/* courtesy of cssportal.com... */
.spangled {
	background: radial-gradient(circle, transparent 20%, #1D1D1D 20%, #1D1D1D 80%, transparent 80%, transparent) 0% 0% / 32px 32px, radial-gradient(circle, transparent 20%, #1D1D1D 20%, #1D1D1D 80%, transparent 80%, transparent) 256px 256px / 32px 32px, linear-gradient(#838383 2px, transparent 2px) 0px -1px / 256px 256px, linear-gradient(90deg, #838383 2px, #1D1D1D 2px) -1px 0px / 256px 256px #1D1D1D;
	background-size: 32px 32px, 32px 32px, 256px 256px, 256px 256px;
	background-color: #1D1D1D;
}