html {
  background-color: #6d8c32;
  background-image: url('https://teppyslayouts.neocities.org/img/background/heart-04.png');
  background-repeat: repeat, repeat;
}

@font-face {
  font-family: ToyBox;
  src: url("https://goblinboy.neocities.org/Fonts/ToyBox.ttf") format("truetype");
}

* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
}

body {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

p {
  color: black;
  font-family: sans-serif;
  font-size: larger;
}

h1 {
  font-family: ToyBox, Helvetica;
  color: black;
}

.left-bar {
  background-color: #6f8f33;
  border: 3px solid;
  padding: 15px;
  padding-top: 5px;
  order: 1;
  max-width: 15%;
  margin-left: 14%;
  overflow-wrap: break-word;
}

.main {
  background-color: #6f8f33;
  border: 3px solid;
  max-width: 55.7%;
  order: 2;
  flex: 1;
  margin-left: 20px;
  margin-right: 20px;
  padding: 15px;
}

.footer {
  text-align: center;
  background-color: #6f8f33;
  border: solid;
  max-width: 100%;
  margin-top: 10px;
  margin-right: 14%;
  margin-left: 14%;
}