:root { /* MARMALADE PALLETE NOT GLOBAL DON'T USE ANYWHERE ELSE*/
    --major-color: #ffd000;
    --minor-color: rgb(255, 202, 142);
    --highlight-color: #ff7676;
    --faded-color: #c75a00;
    --passive-color: #d32a00;
    --error-color: #ff0095;
    color: var(--minor-color);
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--passive-color);
  background-image: url(resources/backgrounds/marmabackground.png);
  background-size: 80%;
  background-repeat: repeat-x;
  color: var(--minor-color);
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  align-items: center;
  text-align: center;
  overflow: scroll;
}

#main {
  display: flex;
  flex-direction: column;
  border: var(--major-color) 9px ridge;
  background-color: var(--faded-color);
  width: 70vw;
  height: fit-content;
  padding: 10px;
}

.coldiv {
  display: flex;
  flex-direction: column;
  border: var(--major-color) 5px ridge;
  z-index: 1;
}