body { 
    margin: 0; 
    background-color:#001622;
    color:#3399BB;
    font-family: "Open Sans",sans-serif;
  }

  input,button {
    font-family: "Open Sans",sans-serif;
  }

  button {
    background-color:#3399BB;
    border:0px;
    padding:10px;
    margin:2px;
    cursor:pointer;
  }

  button:hover{
    background-color:#55BBDD;
  }

  button.cancel {
    background-color:#BB5555;
  }

  button.cancel:hover{
    background-color:#CC6666;
  }

  a,a:visited {
    color:#33FF77; 
  }

  /*canvas { width: 100%; height: 100% }*/
  
  .row {
    margin:20px;
  }

  .col {
    display:inline-block;
    vertical-align: top;
    width: 800px;
    margin:5px;
  }

  #code{
    width:100%; 
    height:800px; 
    font-size:22px;
  }
  
  #output{
    width:800px; 
    height:800px; 
    background-color:black;
  }
  
  .buttonGroup {
    margin-top:8px;
    margin-left:-2px;
    min-height: 50px;
  }

  .buttonGroup button {
    min-height:30px;
  }

  #gifOutput
  {
    margin:0px;
  }

  img#gifOutput[src=""] { /*when it has no source, don't show it*/
    display: none;
  }

  #logo
  {
    margin-left:15px;
    margin-top: 25px;
    margin-bottom:0px;
    padding:0px;
  }

  .option
  {
    padding-left:5px;
    padding-right:5px;
  }

  #gifStatus
  {
    margin-left:10px;
    text-align: right;
    float:right;
  }

  #logHolder
  {
    margin:20px;
    margin-right:40px; /*not sure why this has to be 40 instead of 20, but yeah...*/
  }

  pre#log
  {
    background-image: linear-gradient(#005566 50%, #006677 50%); /*uses a gradient to simulate alternating colored lines*/
    background-size: 100% 60px;
    width: 100%;                         
    line-height: 30px;
    font-size:16px;
    margin: 5px;
    padding: 0px;
    padding-left:10px;
    color:#BBDDDD;
  }

  #saveLoad
  {
    float:right;
  }


  #saveLoad select
  {
    height:38px;
    position:relative;
    top: -1px;
    background-color:#3399BB;
    color:#FFFFFF;
    border:none;
  }

  #saveLoad select option:disabled
  {
    font-size:12px;
    color:#000000;
  }


  #saveLoad input
  {
    height:26px;
    padding:3px;
    width:200px;
    background-color:#001122;
    border:1px solid #447799;
    color: white;
  }

  #saveLoad .fileGroup
  {
    text-align:right;
    height:42px;
  }

  #saveLoad .fileGroup button
  {
    width:80px;
  }

  /*
  ::-webkit-scrollbar {
    width: 1em;
  }

  ::-webkit-scrollbar-thumb {
    background:#448899;
  }
  */

/*
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
    background: rgba(100, 100, 100, 0.8);
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(100, 100, 100, 0.4);
}
*/