p {font-size:20px; color: #000000;}
    a {font-size:18px;}
    h1 {color: #000000;}
    #main > nav > div > a {font-size:30px;}
    body {font-family: 'Roboto', sans-serif;background-color:#FFFFFF;}
    #c1, #c3, #c5 {background-color:#FFFFFF;}
    #c1content, #c3content, #c5content {padding:2.5rem;}
    #c2, #c4 {background-color:#000000;}
      #c2content, #c4content {color:#FCFCFC !important;padding:2.5rem;}
    #navbarSupportedContent > ul > li > a {color:#000000;}
    #navbarSupportedContent > ul > li > a:hover, footer > div > div > ul > li > a:hover {color:#44D985 !important;}
    #navbarSupportedContent > form > button:hover {background-color:#44D985;border-color:#44D985;color:#000000;}
    #navbarSupportedContent > form > button {color:#2c2c40;}
    button.navbar-toggler:focus {border-color:#44D985;box-shadow:none;}
    button#try.btn.btn-light:hover, button#sub.btn.btn-light:hover {border-color:#2c2c40 !important;color:#2c2c40 !important; opacity:.9 !important;}
    button#try.btn.btn-light:focus, button#sub.btn.btn-light:focus {box-shadow:none;border-color:#4D61F4;color:#4D61F4;}
    #jsquare:hover {color:#44D985 !important;}
    #active:hover {text-decoration-color: #000000 !important;}
    #active:focus {text-decoration-color: #000000 !important;}
    .container-fluid {padding:0;}
        #signin {
    width: 100%;
    max-width: 400px;
    padding: 10px;
    margin: auto;
}
#forpw:hover {color:#0be881 !important;}
 #try:hover {text-decoration-color: #2c2c54 !important;}
    #try:focus {text-decoration-color: #2c2c54 !important;}
    nav.navbar.navbar-expand-lg.navbar-light {background-color: #fff !important;}
    .row.row-cols-4 {margin-bottom: 1rem;}
    #jb.col-sm-6 {
      padding: 2px;
    }
    
.form-check-input:checked {
    background-color: #000 !important;
    border-color: #000 !important;
}
.form-check-input:focus {
    border-color: #000;
    outline: 0;
    box-shadow: none;
}
#rec {
    text-align:left;
}

#jotmess2:hover {
   color: #44D985 !important;
}
#textarea.container {
  background-color: #44D985;
  width: 500px;
  height: 500px;
  overflow-y: scroll;
  border:solid;
  padding-top: 8px;
}

@media screen and (min-width: 600px) {
    #jotmess2 {
   display: none !important;
}

}
@media screen and (max-width: 600px) {
 #textarea.container {
  background-color: #44D985;
  width: 300px;
  height: 250px;
  overflow-y: scroll;
  border:solid;
  padding-top: 8px;
}

}