index.css

body {
  background-color: #00bcd4;
  height: 100vh;
  margin: 0;
  padding: 0;
}

h {
  margin-left: 10px;
}

h1 {
    font-family: verdana;
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

h2 {
  margin-bottom: 0;
}

h3 {
  margin-top: 50px;
  margin-bottom: 20px;
  border-bottom: 3px solid #999;
}

.anchor{
  display: block;
  height: 95px;
  margin-top: -95px;
  visibility: hidden;
}

.app-title {
  color: white;
  font-size: 2.5em;
  margin: 0;
  text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.header {
  background-color: white;
  border-bottom:1px solid white;
  padding:10px 20px;
  position:fixed;
  position:fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index:2000;
  width:92%;
}

.footer {
  margin-top: 520px;
}

.content {
  background-color: white;
  border-top: 70px solid white;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.33);
  min-height: 100%;
  max-height: 1000%;
  margin: 0 auto;
  padding: 10px;
  width: 92%;
  top: -50px;
}

.toolbar {
  background-color: rgb(200, 200, 200);
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 20px;
}

.vid {
  margin-top: 12%;
  margin-bottom: 12%;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.dottedUnderline {
  font-size: 1.5em;
  padding-bottom: 0;
  border: none;
  background: #fff transparent;
  border-bottom: 3px dashed #999;
  text-decoration: none;
}

.section-header {
  margin-bottom: 10px;
}

.toolbar .btn+.btn {
  margin-left: 10px;
}

.displayArea {
  height: 100%;
  min-height: 600px;
  max-height: 800px;
  width: 100%;
}

.codeArea {
  background-color: #f8f9fa;
  -webkit-box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.3);
  padding: 10px;
}

.tab1 {
  margin-left: 40px;
  margin-right: 40px;
}

.tab2 {
  margin-left: 20px;
  margin-right: 40px;
}

.modal-holder {
  overflow:auto;
}
.modalRequirement {
  white-space: nowrap;
  width: auto;
  overflow-x: scroll;
}
.copy-button {
  color:gray;
}
.copy-button:hover {
  color:black;
}

.dropdown-menu {
  max-height:800%;
  overflow-y :auto;
  overflow-x:hidden;
}