/* Fonts! */
 @font-face {
   font-family: arcade; 
   src: url("https://wolfgang-juniper.neocities.org/Fonts/arcade.ttf") format("truetype"); 
}

h1 {
  font-weight: bold;
  color: #f261d2;
  font-size: 32px;
  margin: 10px;
  text-align: center;
}

/* Fonts!-end */

body {
  font-family: 'arcade', Sans-Serif;
  background-color: #00000000;
}

.flexbox-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flexbox-item1 {
  display: flex;
  text-align: left;
  align-items: flex-start;
}

/*color = text, bg = box color*/
.imga {
  display: flex;
  background: #89BA79;
  color: #291002;
  margin: 10px 10px 20px 10px;
  padding: 15px;
  border: 2px solid #361a0c;
  box-shadow: 10px 10px #361a0c;
}

.texta {
  display: flex;
  background: #89BA79;
  color: #291002;
  margin: 10px 10px 20px 10px;
  padding: 15px;
  border: 2px solid #361a0c;
  box-shadow: 10px 10px #361a0c;
  height: 100px
}

.flexbox-item2 {
 display: flex;
  text-align: left;
  align-items: flex-start;
}

.imgb {
  display: flex;
  background: #89BA79;
  color: #d8ff99;
  margin: 10px 10px 20px 10px;
  padding: 15px;
  border: 2px solid #361a0c;
  box-shadow: 10px 10px #361a0c;
}

.textb {
  display: flex;
  background: #89BA79;
  color: #291002;
  margin: 10px 10px 20px 10px;
  padding: 15px;
  border: 2px solid #361a0c;
  box-shadow: 10px 10px #361a0c;
  height: 100px
}

.flexbox-item3 {
  display: flex;
  text-align: left;
  align-items: flex-start;
}

.flexbox-item4 {
  display: flex;
  text-align: left;
  align-items: flex-start;
  width: 700px;
}