*{
    padding: 0;
    margin: 0;
}
body{ 
    background-color: rgb(237, 240, 241);
    
}
.NavBar{
    display: grid;
    grid-template-columns: 6fr 1fr .8fr;
    color: blanchedalmond;
    font-size: 18px;
    height: 7vh;
    background-color: #097e86da; 
}
.NavBar img{
    margin-top: 2px; 
    margin-left: 2px;  
}
.NavBar a{
    text-decoration: none;
    color: #fff;
}
.left-NavBar p{
    color: rgb(50, 184, 184);
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
} 
.buttonBox{
    margin: 0 10% 15%;
    position:relative;
    max-width: 210px;
    min-width: 90px;
 }
 .buttonBox :hover{
     background-color: rgb(220, 223, 228);
     opacity: 2;
 }
  #icon{
      color: #c2591d;
      font-size: 1.5em;
  }
  #data{
      padding-top: 4%;
      color: #142e35;
      font-weight: 500;
  }
  .links li a:hover{
    background-color: #e9a72dad; 
  }
  .niki_buttons{
    width: 230px;
    height:98px;
    min-width: 90px;
    position:relative;
    background:rgba(249, 251, 252, 0.959);
    text-transform:uppercase;
    color:#0b4c5c;
    letter-spacing:1px;
    border:none;
    font-size:1.2em;
    outline:none;
    cursor: pointer;
    box-shadow: 2px 2px 4px #364863;
  }

  /* FIRST BUTTON */
  
  .border{
      position:absolute;
      background:none;
      transition:all .5s ease-in-out;
  }
 
  #first:hover .border{
    width:102%;
    height:105%;
  }
  .footer{
      height: 5vh;
      background-color: #405a63;
      margin-top: 4%;
      width: 100%;
      position: fixed;
      left: 0;
      bottom: 0;
  }
  .inc{
      color: white;
      text-align: center;
      padding-top: .2%;
      padding-bottom: .5%;
  }
  .nav-niki{
	background-color: #097e86da; 
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.btn-info1{
    background-color: #097e868e;
    color: white;
    font-weight: 700;
}
.navbar-header img{
	margin-top: -13%;
	margin-left: -5%;
}
.info.data{
 background-color: rgb(241, 194, 194);
}
.links a{
	text-decoration: none;
	color: #fff;
}
.data-reports{
 width: 80vw;
}
.version{
    margin:1% 0px 4%;
    font-size: 1.2em;
    height: 6vh;
    color: rgb(250, 250, 250);
    text-align: center;
    background-color: #e9a72de0; 
    font-weight:700;
    padding-top: .7%;
}
 .footer2{
      height: 5vh;
      background-color: #405a63;
/*      margin-top: 4%;*/
      width: 100%;
      left: 0;
  }