body{
    font-family: Arial, Helvetica, sans-serif;
    background-color:rgb(200, 228, 247);
}
p{
    margin:0px;
}
.space{
    margin-bottom: 10px;
    margin-top:10px;
}
#header{
    width:1200px;
    height:200px;
    text-align: center;
    display: inline;
    float:center;
}
#header-col1{
    width:200px;
    height:200px;
    border: 1px solid;
    background-color: aqua;
    float: left;
}
#header-col2{
    width:700px;
    height:200px;
    background-color:blue;
    float: left;
}
#header-col3{
    width:300px;
    height:200px;
    background-color: blueviolet;
    float: left;
}

#menu{
    width:1200px;
    height:200px;
    background-color:brown;
    color: red;
}

#logo{
   /* background-color:yellow; */
    height: 140px;
    width: 140px;
    padding:0px;
}
.add{
    color:rgb(226, 26, 26);
    font-weight:bold;
    font-size: 27pt;
    letter-spacing: -1px;
    text-align: center;
}

.addd{
    letter-spacing: -1px;
    text-align: center;
    margin:0px;
}


#content{
background-color:rgb(192, 240, 204);
color:black;
}


div>a{
    color:white;
}

#scrol{
    background-color:rgb(137,207,190);
    color:red;
}
.navbar{
    background-color:rgb(46,125,67);
}


.navbg{
    background-color:#00945e;
    color:white;
  }



.m-navbar {
    overflow: hidden;
    /*background-color: #333; */
    background-color:rgb(0, 148, 94);
    color:white;
  }
  
  .m-navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  .subnav {
    float: left;
    overflow: hidden;
  }
  
  .subnav .subnavbtn {
    font-size: 16px;  
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }
  
  .m-navbar a:hover, .subnav:hover .subnavbtn {
    background-color: grey;
  }
  
  .subnav-content {
    display: none;
    position: absolute;
    left: 0;
    background-color: grey;
    width: 100%;
    z-index: 1;
  }
  
  .subnav-content a {
    float: left;
    color: white;
    text-decoration: none;
  }
  
  .subnav-content a:hover {
    background-color: #eee;
    color: black;
  }
  
  .subnav:hover .subnav-content {
    display: block;
  }


  
.text-scroll{
    border:2px solid green; 
    font-size:16pt; 
    background-color:#4862d9;
    color:#ffffff;
    margin:2px 2px; padding:10px; 
}




#ec-card{
    border:1px solid black;
    
}

.img-ec{
    align-self:center;
    height: 150px;
    width: 130px;
    border: 2px solid white;
}

.img-ec:hover{
    border:2px solid rgb(36, 202, 231);
}


#right-sidebar{
    padding: 20px;
    background-color:rgb(248, 239, 229);
}

.carousel-item img{
    width: 150px;
    height: 400px;
    border:1px solid goldenrod;
}

.ec{
    text-align:center; font-weight:bold; color:green;
}
.ec-text{
    color:rgb(2, 73, 2);
    padding: 10px;
    margin:10px;
}

.nav-item:hover{
    background-color:rgb(33, 70, 70);
    color:blue;
}

.footer{
    background-color:rgb(168, 166, 166);
   text-align: center;
    color:rgb(25, 25, 141);
    height:40px;
   padding-top:6px;
   font-style: italic;
}

.row{
    color:green;
}


#login{
    padding:5px;
    margin-top: 20px;
    width: 200px;
    
}

#footer-container{
    background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(58,226,72,0.036852240896358524) 0%, rgba(82,221,126,1) 100%, rgba(71,237,93,1) 100%);
}