/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: #47252E;
  color: #D6D1C5;
  font-family: Monospace;
}

.updatesbox {
  width: 50%;
  height: 50%;
  border: 15px;
  border-style: inset;
  border-color: #F2E7C7;
  padding: 10px;
  margin: auto;
}

.menubox {
  width: 50%;
  height: 50%;
  border: 10px;
  border-style: groove;
  border-color: #F2E7C7;
  padding: 10px;
  margin: auto;
}

/* Dashed border */
.dashed {
  border-top: 3px dashed #F2E7C7;
}

/* Dotted border */
.dotted {
  border-top: 3px dotted #F2E7C7;
}

/* Solid border */
.solid {
  border-top: 3px solid #F2E7C7;
}

/* Rounded border */
.rounded {
  border-top: 8px solid #F2E7C7;
  border-radius: 5px;
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

   hr.dashed {
      border-top: 1px dashed #D6D1C5;
      border-bottom: none;
      border-left: none;
      border-right: none;
    }

    hr.dotted {
      border-top: 1px dotted #D6D1C5;
      border-bottom: none;
      border-left: none;
      border-right: none;
    }

    hr.thick {
      border: 3px solid #D6D1C5;
    }