body{
  background-color: black;
}
.page-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: black;
  }
  
  .guideHeader {
   display: flex;
   flex-direction: row;
   width: 100%;
   margin-top:10px; 
   margin-bottom:10px;
  
  }
  
  .headerLogo{
  
    background-image: url('../images/Microsoft-logo_rgb_c-white.png');
    background-size:contain; 
    background-repeat:no-repeat; 
    background-position-x: 50%; 
    background-position-y: center; 
    height:23px; 
    width: 108px; 
    margin-right: 15px;
    float: left; 
  }
  
  .headerText{
  
    border-left: 2px solid gray; 
    padding-left: 10px; 
    font-family:"Segoe UI",sans-serif; color:white ; 
    font-size:18px; 
    font-weight: 600;
    line-height:23px; 
  }
  
  button{
    background-color: black;
    border-radius: 4px;
    border:1px solid white;
    text-align: center;
    font-family:"Segoe UI",sans-serif; 
    color:white; 
    font-size:18px; 
    font-weight: 600; 
  }
  
  
  .headerButton1{
    display:flex;
    margin-left: auto;
    margin-right: 10px;
    }
  
  
  .headerButton2{
      display:flex;
      margin-right: 20px;
    }
  
  .copyButton{

      background-image: url(../images/copy_button_dark_theme.png); 
      background-size: 13px 13px; 
      background-color: black;
      height: 13px; 
      width: 13px; 
      border-style:none;
      border-color: black;
    }
  .interactive-guide-container {
     display:flex;
     flex-direction: row;
     width: 100%;
     flex-grow: 1;
    }
  
   
    .captivateSimContainer {
      display:flex;
      background-color: black; 
      height: 90vh;
      flex-grow: 1;
      margin: 0px 0px 00px 0px;
   }
    
    .labGuideContainer {
      height: 90vh;
      /*width: 400px;*/
      width: 30vw;
      margin: 0px 0px 0px 20px;
      overflow: auto;
      visibility: hidden;
      transition: visibility 0.2s linear;
    }
  
    .labGuide, .labGuideContainer:hover, .labGuideContainer:focus{
      visibility: visible;
      transition: visibility 0.2s linear;
    }
  
  .captivateSim{
      position: relative;
      display: block;
      width: 100%;
      padding: 0;
      overflow: hidden;
  }
  
  
  /* header and list item definitions */
  
  h1{
    font-size:14.5pt;
    font-family:"Segoe UI",sans-serif;
    color:white; 
  }
  
  h2{
    font-size:13pt;
    font-family:"Segoe UI",sans-serif;
    color:white; 
  }

  h3{
    font-size:12pt;
    font-family:"Segoe UI",sans-serif;
    color:white; 
  }
  p, li{
    font-size:10.5pt;
    font-family:"Segoe UI",sans-serif;
    color: white; 
    line-height: normal;
    font-weight: normal;
  }
  
  input[type="checkbox"]:checked{
    background-color: black;
  }