html, body {
    background-color: var(--background) !important;
    margin: 0;
    padding: 0;
    height: 100%; 
}


/* Colour variables */
:root {
    --background:rgb(28, 28, 38);
    --icon:rgb(140, 140, 140);
    --iconHover:rgb(255, 255, 255);
    --text:rgb(140, 140, 140);
    --textHover:rgb(255, 255, 255);
    --accent:rgb(255, 102, 0);
    --accentHover:rgb(255, 132, 50);
  
    --tlText:aquamarine;
    --tlTextHover:rgba(157, 255, 242);
    --tlVideo:lightgreen;
    --tlVideoHover:rgba(161, 255, 161);
    --tlAudio:peachpuff;
    --tlAudioHover:rgba(255, 238, 205);
    --tlTransition:plum;
    --tlTransitionHover:rgba(241, 180, 241);
    --tlEffect:palevioletred;
    --tlEffectHover:rgba(236, 132, 177);
    
    --accentTop: #383847;
    --accentSide: #2c2c38;
    --accentSideIn: #262630;
    --accentPlayBar: #262630;
    --accentProperties: #2c2c38;
    --accentTracks: #292936;
    --accentTools: #383847;
  }


  a {
    text-decoration: none !important;
    color: var(--text);
  }

  a:link {
    color: var(--text);
  }
  
  a:visited {
    color: var(--text);
  }

  a:hover{
    color: var(--textHover);
    text-decoration:none; 
    cursor:pointer;
  }

  a:active {
    color: var(--text);
  }


  .noHover{
    pointer-events: none;
  }



  .settingsMenu{
    display: none;
    z-index: 2;
    position: fixed;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 5px;
    border-radius: 10px;
    background-color: #383847;
    color: var(--text);
  }
  
  .settingsMenuClose{
    position: absolute;
    background-color: #383847;
    border-radius: 10px;
    top: 0px;
    right: 0px;
  }
  
  .settingsTitle{
    display: inline-block;
  }