.content {
  background: rgb(212.0841121495, 234.5887850467, 241.9158878505);
}

#about-wrapper {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  height: 90%;
}
#about-wrapper .monitor-bezel {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  height: 80%;
  background: black;
  margin-top: auto;
  flex: 0 1 70%;
}
#about-wrapper .monitor-bezel .screen-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  height: 85%;
  width: 92.5%;
  background: #edeff0;
  text-align: center;
}
#about-wrapper .monitor-bezel .screen-content .content-header {
  display: block;
  align-self: flex-start;
  width: 100%;
  margin-top: 0;
  padding: 2% 0;
}
#about-wrapper .monitor-bezel .screen-content .content-content {
  position: absolute;
  display: block;
  width: 60%;
  font-size: 1.3em;
  max-height: 28%;
  overflow-y: auto;
}
#about-wrapper .monitor-bezel .screen-content .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  background: rgb(167.4545454545, 177.1818181818, 182.0454545455);
  width: 50%;
  height: 15%;
  align-self: flex-end;
  padding: 3%;
}
#about-wrapper .monitor-bezel .screen-content .buttons .button {
  width: 10%;
  color: black;
  font-size: 1.2em;
  padding: 3%;
  margin: 0 2%;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
#about-wrapper .monitor-bezel .screen-content .buttons .button:hover {
  color: #FE2E2E;
  transform: scale(1.1);
}
#about-wrapper .monitor-bar {
  height: 10%;
  background: black;
  margin: 0;
  flex: 0 1 5%;
}
#about-wrapper .monitor-stand {
  height: 5%;
  background: black;
  margin: 0;
  flex: 0 1 25%;
}
#about-wrapper .flex-break {
  flex-basis: 100%;
  margin: 0;
}
#about-wrapper .bottom {
  width: 100%;
  height: 10%;
  background: saddlebrown;
  margin-bottom: 0;
}

#mobile-about {
  margin-top: -80px;
}
#mobile-about h2 {
  padding: 5%;
  opacity: 0.8;
}

@media only screen and (max-width: 991px) {
  #about-wrapper {
    display: none;
  }
}

/*# sourceMappingURL=about_style.css.map */