header h1{font-family: 'Dancing Script', cursive;}
header h2{font-family: 'Dancing Script', cursive;}
.w3-theme-l5 {color:#000 !important; background-color:#f6f9fd !important}
.w3-theme-l4 {color:#000 !important; background-color:#e2ecf7 !important}
.w3-theme-l3 {color:#000 !important; background-color:#c5d8ef !important}
.w3-theme-l2 {color:#000 !important; background-color:#a9c5e7 !important}
.w3-theme-l1 {color:#000 !important; background-color:#8cb1df !important}
.w3-theme-d1 {color:#fff !important; background-color:#558dd1 !important}
.w3-theme-d2 {color:#fff !important; background-color:#3c7bc9 !important}
.w3-theme-d3 {color:#fff !important; background-color:#316cb3 !important}
.w3-theme-d4 {color:#fff !important; background-color:#2a5c9a !important}
.w3-theme-d5 {color:#fff !important; background-color:#234d80 !important}

.w3-theme-light {color:#000 !important; background-color:#f6f9fd !important}
.w3-theme-dark {color:#fff !important; background-color:#234d80 !important}
.w3-theme-action {color:#fff !important; background-color:#234d80 !important}

.w3-theme {color:#fff !important; background-color:#6f9fd8 !important}
.w3-text-theme {color:#6f9fd8 !important}
.w3-border-theme {border-color:#6f9fd8 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#6f9fd8 !important}
.w3-hover-text-theme:hover {color:#6f9fd8 !important}
.w3-hover-border-theme:hover {border-color:#6f9fd8 !important}

#all {
    font-family: Arial, Helvetica, sans-serif;
    border-radius:10px;
    padding: 20px;
    border:1px solid;
    display:inline-block;
    margin:30px;
    width:90%;
  }
  
  .cues {
    color:#fff;
  }
  
  .cues:hover {
    text-decoration: underline;
  }
  
  .cues.current {
    color:black;
    font-weight: bold;
    transform: scale(1.1, 1.1);
  }
  
  #myVideo {
      display: block;
      float : left;
      margin-right: 2.85714%;
      width: 65.71429%;
      background-color: black;
      position: relative;
  }
  
  #transcript {
    padding: 25px 25px; 
    border:1px solid;
    float: left;
    max-height: 525px;
    overflow: auto;
    width: 25%;
    margin: 0;
    font-size: 14px;
    list-style: none;
  }