* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background-color: #DDDDDD;
}
.main {
  margin: 0;
  background-color: #DDDDDD;
}
 h1{ font-family: gadget; font-size: 75px; text-decoration: underline; text-align: center; color: white; }

 h2{ font-family: helvenica; font-size: 40px; text-decoration: underline; text-align: center; color: white; }

 h3{ font-family: Palatino; font-size: 25px; text-decoration: underline; text-align: center; color: #333; }

 h5{ font-family: Palatino; font-size: 20px; text-align: center; color: #333; }

/*---------------------------Nav-----------------*/
.nav{
  background-color: #333;
  font-size:20px;
  overflow: hidden;
}

.nav a{
  float: left;
  display: block;
  text-align: center;
  padding: 14px 16px;
  color: white;
  text-decoration: none;
}

.nav a:hover{
  background-color: #ddd;
  color: #3D9970;
  text-decoration: underline;
}
/*---------------------Footer+Header-------------------*/
.footer{
  position: fixed;
  left:0;
  bottom:0;
  width: 100%;
  background-color: #333;
  color:white;
}

.footer a{
  float: left;
  display: block;
  text-align: center;
  padding: 14px 16px;
  color: white;
}

.footer a:hover{
  background-color: #ddd;
  color: #3D9970;
  text-decoration: underline;
}

.header{
  background-color: #3D9970;
  overflow: auto;
  color: white;
  border-bottom: solid #333;
}
/*---------------------BackendColumn-----------------*/
.row {  
  display: flex;
  justify-content: center;
  align-content: stretch;
  flex-basis: 19%;
}

.dashsection{
  padding: 30px;
  background-color:#bbb;
  border: solid #333;
  max-width: 19%; 
  min-width: 19%;   
  margin: 0.5%;

  display: flex;
  justify-content: space-around;
  flex-direction: column; 
  align-items: stretch;
}  

.column {  
  display: flex;
  justify-content: center;
  align-content: stretch;
  flex-basis: 19%;
  flex-direction: column;
}

.dashsection2{
  padding: 30px;
  background-color:#bbb;
  border: solid #333;
  max-width: 19%; 
  min-width: 19%;   
  margin: 0.5%;

  display: flex;
  justify-content: space-around;
  flex-direction: column; 
  align-items: stretch;
}

.dashsection3{
  padding: 30px;
  background-color:#bbb;
  border: solid #333;   
  margin: 0.5%;

  display: flex;
  justify-content: space-around;
  flex-direction: column; 
  align-items: stretch;
}

/*-------------------------Button------------------*/
.buttonf{
  font-family:Gadget;
  font-size: 25px;    
  padding: 10px 15px;
  background-color: #333;
  /*display: flex;*/
  text-align: center;
  /*justify-content: center;*/
}
.buttonf a{
  text-decoration: none;
  color: white;
}
.buttonf a:hover{
  text-decoration: none;
}
.button{
  font-family:Gadget;
  font-size: 25px;    
  padding: 10px 15px;
  background-color: #333;
  /*display: flex;*/
  text-align: center;
  /*justify-content: center;*/
}
.button a{
  text-decoration: none;
  color: white;
}
.button a:hover{
  text-decoration: none;
}
/*--------------------------------------------------*/
.Login {
  font-size: 30px;
  color: black;
  text-align: center;
  padding: 20px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60%;
  }