
.display1 {
   font-style: italic;
   color: rgb(10, 100, 10);
   font-size: large;
   font-weight: bold;
}
.display2 {
   font-size: medium;
   padding: 0.3rem 0 0 0;
}
.display3 {
   padding: 0.2rem 0 0 0;
}
.display4 {
   padding: 0.1rem 0 0 0;
}

.topnav {  
background-color: rgb(255, 255, 240);     
}  

  /* Modify the background color */
  .navbar-custom {
      background-color: rgb(206, 250, 206);
  }
.navbar-custom2 {
   padding: 0.3rem 0rem 0rem 0rem;
  }

  .navbar-custom3 {
  
    background-color: rgb(250, 215, 106);
   }

  /* Modify brand and text color */
  .navbar-custom .navbar-brand,
  .navbar-custom .navbar-text {
      color: green;
   font-size: x-large;
  }

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  padding-right: 0px;
  padding-left: 0px; 
}  

.card2 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  font-weight: bolder;
  word-wrap: break-word;
  background-color: #fad76a;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}


.card-body2 {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  font-weight: bolder;
  background-color: #fad76a;
}



   /* Style for modal background */
   .modal {
     display: none;
     position: fixed;
     z-index: 1050;
     padding-top: 100px;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgba(0,0,0,0.4);
   }
   
   /* Style for modal content */
   .modal-content {
     background-color: #fefefe;
     margin: auto;
     padding: 20px;
     border: 3px solid #39f36e;
     width: 80%;
     max-width: 600px;
   }
   
   /* Style for close button */
   .close {
     color: #aaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
   }
   
   .close:hover,
   .close:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
   }

   .btn-primary {
    color: #fff;
    background-color: green;
    border-color: rgb(100, 238, 100);
    font-weight: bold;
   }
