@font-face {
  font-family: 'muliregular';
  src: url("../fonts/muli-webfont.woff2") format("woff2"), url("../fonts/muli-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ovoregular';
  src: url("../fonts/ovo-regular-webfont.woff2") format("woff2"), url("../fonts/ovo-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
body {
  display: flex;
  flex-flow: row wrap;
  font-family: "muliregular", sans-serif; }

ul {
  list-style: none; }

h1 {
  font-family: "ovoregular", serif;
  text-align: center;
  background-color: #77C9D4;
  color: #000;
  width: 100%; }
h2 {
  background-color: #77C9D4;
  width: 100%;
}

.header {
  border: 2px solid #015249;
  background-color: #EFEFEF;
  width: 100%; }
  .header h1 {
    font-size: 3em; }

.aside {
  background-color: #EFEFEF;
  border: 2px solid #015249;
  width: 25%; }
  .aside .ulAside {
    padding: 0.5em; }
    .aside .ulAside li {
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-items: center; }
      .aside .ulAside li p {
        margin-bottom: 1em; }
      .aside .ulAside li .getButtons {
        height: 3em;
        width: 11em;
        background-color: #57BC90;
        border-radius: 10%;
        border: none;
        font-size: 1em; }

.showcase {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #EFEFEF;
  border: 2px solid #015249;
  width: 36.5%; }
  .showcase div {
    margin: 0.5em 0 0 2em; }
    .showcase div .addButton {
      background-color: #57BC90;
      border: none;
      border-radius: 10%;
      height: 3em;
      width: 8em; }
  .showcase .movieEditor {
    display: flex;
    flex-flow: column wrap; }
    .showcase .movieEditor ul {
      margin: 0 0 2em 0; }

.movieDisplay {
  margin-bottom: 2em;
  padding: 0.5em;
  border: 2px solid #015249;
  background-color: #FFF; }
  .movieDisplay p {
    margin: 0; }
  .movieDisplay img {
    width: 8em;
    height: 11em; }

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