body{
    background-color: rgb(250, 250, 200);
    margin:0px;
    padding:0px;
}

#body_text{
    font-size: 125%;
    font-size: clamp(15px, 2vw, 21px);
    padding-left: 3vw;
    padding-right: 3vw;
}

.body_text{
    font-size: 125%;
    font-size: clamp(15px, 1.85vw, 21px);
    padding-left: 3vw;
    padding-right: 3vw;
}

/* #banner{
    text-align: center;
    background-color: rgb(239, 125, 11);
    font-size: 300%;
    font-size: clamp(32px, 4vw, 48px);
    padding: 2%;
    position: 0;
    margin: 0;
} */

.banner{
    text-align: center;
    background-color: rgb(53, 101, 233);
    font-size: 300%;
    font-size: clamp(32px, 4vw, 48px);
    padding: 2%;
    position: 0;
    margin: 0;
}

#menubar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    top: 0;
    overflow: auto;
    background-color: rgb(128, 167, 234);
    position: -webkit-sticky; /* Safari */
    position: sticky;
    display: flex;
    border-top: 2px solid hsl(0, 0%, 38%);
    border-bottom: 2px solid hsl(0, 0%, 38%);
}

.menubar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    top: 0;
    overflow: auto;
    background-color: rgb(110, 158, 248);
    position: -webkit-sticky; /* Safari */
    position: sticky;
    display: flex;
    border-top: 2px solid hsl(0, 0%, 38%);
    border-bottom: 2px solid hsl(0, 0%, 38%);
}

    #menubar li {
        /* float: left; */
        font-size:  clamp(14px, 2.0vw, 18px);
        /*border-right: 2px solid #616161;*/
    }
.menubar li {
    /* float: left; */
    font-size:  clamp(14px, 2.0vw, 18px);
    /*border-right: 2px solid #616161;*/
}
    #menubar li a {
        display: block;
        text-align: center;
        font-size: 120%;
        padding: 1vw 1vw;
        text-decoration: none;
    }

.menubar li a {
    display: block;
    text-align: center;
    font-size: 120%;
    padding: 1vw 1vw;
    text-decoration: none;
}

    #menubar li a:hover {
        background-color: #424242;
    }

.menubar li a:hover {
    background-color: #424242;
}


a:link
{color: #0000ee}

a:visited
{color: #551A8B}

a:hover
{color:rgb(241, 68, 68)}

a:active
{color: #EE0000} 

/* * {
    box-sizing: border-box
} */

img {
    max-width: 100%;
    height: auto;
}

/* .clearfix {
    overflow: auto;
} */

/* .column3 {
    float: left;
    width: 33.33%;
  }

.column2 {
    float: left;
    width: 50%;
  }
   */
  /* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
  }