.board-section{
    width: 100%; text-align: center;
    padding-top: 10px;
    position: relative;
    font-size: 12pt;
    max-height: 800px;
    overflow-y: auto;
}
.board-item{
    border:2px solid SpringGreen;
    padding: 2px;
    max-width: 450px;
    min-height: 250px;
}
.board-item:hover{
    border:2px solid magenta;
    background-color: magenta;
}
.edugroup:hover{
    background-color: yellow;
    border:2px solid yellow;
}

.add-board-item{
    border:2px solid DarkBlue;
    padding: 10px;
}
.add-board-item:hover{
    border:2px solid DarkBlue;
    background-color: DarkBlue;
    color: white;
}
.board-section h2{
    margin-top:20px;
    margin-bottom: 0px;
}
.grid2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
}

.alignleft, .align-left{
    text-align: left;
}

.list-item{
    margin: 5px 20px;
    background-color: LightYellow;
}

.button{
    margin: 5px;
    padding: 10px;
    background-color:
}

.input_field{
  font-size: inherit;
  font-family: inherit;
  width:100%;
  margin: 5px 0px;
  padding: 0px;
}

.form_input{
  font-size: inherit;
  font-family: inherit;
  width:100%;
  margin: 10px 0px;
  padding: 0px;
}

.title_field{
    font-weight: bold;
}
.text_field{
    resize: none;
}

/*.align-left{
    text-align: left;
}*/

.form-group{
    padding: 5px 0px;
}