*{
  background-color: #E1E1DE;
  color: #73787E;
  font-family: 'BerkeleyMono', monospace;
  font-size: 1.03rem;
}

p{
  font-weight: 500;
}

a{
  padding: 0;
  margin: 0;
  color: #7D9579;
  font-weight: bold;
}

body{
  margin: 5% 10% 5% 10%;
}

.wannabe {
  font-size: 1.2em;
}

.intro > p{
  margin: 0;
  padding: 2px;
}

.main_container{
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .main_container{
    flex-direction: row;
  }
}

.exp_container{
  display: flex;
  flex-direction: row;
}

#name{
  font-size: 2em;
  color: #9E7E98;
}

.exp_time {
  width: 500px;
}

.profileImg {
  width: 210px;
  height: 250px;
  padding-right: 10px;

}

.exp p b{
  font-size: 0.95em;
  color: #C27772;
}

b{
  color: #C27772;
}

span{
  color: #7B958E;
}

h3{
  color: #9E7E98;
  padding: 0;
  margin: 10px 0 0 0;
}

.subhead{
  font-size: 0.6em;
  margin: 0 0 10px 0;
  padding: 0;
}

.update{
  margin: 0;
  padding: 0;
}

.head{
  margin: 0;
  padding: 0;
}

@font-face {
    font-family: 'BerkeleyMono';
    src: url('fonts/BerkeleyMonoBold.woff2') format('woff2'),
        url('fonts/BerkeleyMonoBold.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BerkeleyMono';
    src: url('fonts/BerkeleyMonoBold.woff2') format('woff2'),
        url('fonts/BerkeleyMonoBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BerkeleyMono';
    src: url('fonts/BerkeleyMono.woff2') format('woff2'),
        url('fonts/BerkeleyMono.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BerkeleyMono';
    src: url('fonts/BerkeleyMono.woff2') format('woff2'),
        url('fonts/BerkeleyMono.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 1000px;
}

td {
  height: 14px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
}

.color-0 { background-color: #2d3039; }
.color-1 { background-color: rgba(255, 127, 182, 0.3); }
.color-2 { background-color: rgba(255, 127, 182, 0.5); }
.color-3 { background-color: rgba(255, 127, 182, 0.6); }
.color-4 { background-color: rgba(255, 127, 182, 0.7); }