html, body, h1, h2, h3, section {
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
body {
  margin-top: 100vh;
}
section {
  height: 98vh;
  width: 98vw;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 1vh;
  padding-bottom: 1vh;
  position: relative;
}
h1 {
  font-size: 10vh;
  color: hsl(240, 50%, 50%);
  margin-top: 20%;
  text-align: center;
}
h2 {
  font-size: 5vh;
  color: hsl(240, 50%, 50%);
}
ul li, ol li {
    margin-bottom: 4vh;
}
footer {
    background: hsl(240, 50%, 50%);
    height: 4vh;
    color: white;
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 100;
    bottom: 0;
    font-size: 3vh;
    padding-top: 1vh;
}
.code_txt {
    height: 85vh;
    width: 90%;
}
input.module-name {
    border: 0;
    /*border-top: 1px solid hsl(240, 50%, 25%);
    border-left: 1px solid hsl(240, 50%, 25%);
    border-right: 1px solid hsl(240, 50%, 25%);*/
    font-weight: bold;
    width: calc(90% - 1em);
    background: linear-gradient(to right, hsl(0, 0%, 85%), white);
}
a.run-button {
    color: orange;
    font-size: 1em;
    cursor: default;
}
a.run-button.good {
    color: green;
}
a.run-button.good:hover {
    color: hsl(120, 100%, 50%);
}
a.run-button.bad {
    color: red;
}
a.run-button.bad:hover {
    color: hsl(0, 100%, 40%);
}
.ace_sb, .ace_scrollbar {
    display: none !important;
}
.ace_editor {
    position: relative !important;
}
.code-wrapper {
    float: left;
    width: 47vw;
}
#console {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 5vh;
    z-index: 100;
    background: black;
    color: white;
    border: none;
    padding: 1vh;
    font-weight: bold;
}
#console.visible {
    display: block;
}
abbr {
    border-bottom: none;
}
.build {
    visibility: hidden;
}
#slideMenu {
    position: fixed;
    bottom: 4vh;
    margin: 0;
    left: 40vw;
    background: hsl(240, 50%, 50%);
    list-style-type: none;
    display: none;
    overflow-y: auto;
    padding: 0;
    padding-bottom: 1vh;
    z-index: 100;
}
#slideMenu li {
    margin: 0.5vh;
}
#slideMenu li:hover {
    background: hsl(240, 50%, 75%);
}
