body {
    background-color: #ffffff;
}
.threeColumns{
    margin-left: 5rem;
    margin-right: 5rem;
    font-family: 'Rubik', 'Helvetica Neue', sans-serif, -apple-system;
    font-size: 1.5rem;
}
/* Add a black background color to the top navigation */
.topHeader {
  background-color: #333;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topHeader a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

#account a{
    float:right;
}
/*
.center{
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
}*/
.btn{
      padding: .5rem;
      background-color: #7e1111;
      margin-right: 1rem;
      color: #fffffc;
      letter-spacing: .1rem;
      font-size: 1rem;
      border-radius: .2rem;
      cursor: pointer;
      outline: none;
      box-shadow: 0 .4rem .4rem black;
      transition: all .3s;
}

.btn:hover{
      background-color: #7e1111d0;
      box-shadow: 0 .1rem .1rem black;
}
.toolbar{
    display:grid;
    grid-template-columns: repeat(auto-fit,minmax(20px,40px));
    background-color: rgba(231, 231, 231, 0.685);
    color: rgb(0, 0, 0);
    grid-gap: 1rem;
    padding: .5rem;
    justify-content: center;
    align-items:center;
}

.tool-items{
    background-color: rgb(27, 26, 26);
     padding-top: .3rem;
     padding-bottom:.3rem;
    cursor: pointer;
    color: #ffff;
}
.tool-items:hover{
    box-shadow: none;
    background-color: #6b5e5e;

}
.column {
  float: left;
}
.left {
    width: 15%;
    background-color: #ffdc89;
    padding: 10px;
}
.right{
    padding: 10px;
    float: right;
    width: auto;
    background-color: #ffdc89;
}
.center {
    margin: 10px;
    width: 65%;
}
/* Clear floats after the columns */
.threeColumns:after {
  content: "";
  display: table;
  clear: both;
}
/*accordion css*/
body { 
    font-size: 80%;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
}
.accordionItem h2 { 
    margin: 0; font-size: 1.1em; 
    padding: 0.4em; 
    color: #fff; 
    background-color: #944; 
    border-bottom: 1px solid #66d; 
}
.accordionItem h2:hover { 
    cursor: pointer; 
}
.accordionItem div { 
    margin: 0; 
    padding: 1em 0.4em; 
    background-color: #eef; 
    border-bottom: 1px solid #66d; 
}
.accordionItem.hide h4 { 
    color: #000; 
    background-color: #88f; 
}
.accordionItem.hide div { 
    display: none; 
}
.fileList {
    display: grid;
}
.editor {
    width: 200%;
}
.about, .fileList {
  font-family: Arial, Helvetica, sans-serif;
}