.card{
    margin: 40px 40px 40px 40px;
    display:inline-block;
    border: 2px solid chartreuse;
    border-radius: 10px;
    
}

.card:hover{
    transform: scale(1.1);
    transition-duration: 500ms;
    box-shadow: 5px 5px 5px #e5e5e5, -5px 5px 5px #e5e5e5;
}

.card-title{
    color: chartreuse;
    
}

.card img{
    border-radius: 10px;
}


.card-img-top{
    width: 300px auto;
    height: 200px;
}
/* 
.col-9{
    border: 2px black solid;
} */

.col-3{
    font-size: 50px;
}
 
.container1{
    margin-left: 100px;
    margin-top: 20px;
} 

.container2{
    /* margin: 30px 20px; */
    margin: 30px;
    background-color: #f5f3f4;
    padding: 20px;
    border-radius: 5px;
}
#head{
    text-align: center;
    font-size: 40px;
    font-weight:300;
    font-family: 'Lato', sans-serif;
}


.navbar-brand i{
    background-color: chartreuse;
}

.navbar-brand{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bolder;
    /* font-weight: 900; */
}

.clicking{
    background-color: chartreuse;
}

.inner-container .col{
    /* border: 1px black solid; */
    margin: 10px;
    text-align: center;
    display:block;
    border-radius: 5px;
    color: chartreuse;
    /* background-color: white; */
    font-weight: bold;
}

.inner-container .row .col img{
    height: 80px;
    width: 130px;
    border-radius: 5px;
}

.inner-container .row .col img:hover{
    transform: scale(1.15);
    transition-duration: 500ms;
}



.container3 .card-title{
    font-size: 40px;
    font-family: 'Pattaya', sans-serif;
}

.container3 .card-text{
    font-size: 20px;
    /* font-family: 'Pattaya', sans-serif; */
    color: #6c757d;
    font-weight: 400;
}

.btn.btn-success{
    background-color: chartreuse;
    border-color: chartreuse;
}

#login{
    border: 3px solid chartreuse;
    border-radius: 5px;
    padding: 50px;
    margin: 50px 500px;
}

#logtag{
    background-color: chartreuse;
    border-radius: 5px;
    color: white;
}

.about{
    margin: 30px;
    font-size: 20px;
}

.about .col-4{
    margin: 10px;
}

.contact{
    margin: 30px;
    font-size: 20px;
}

.instructor{
    margin: 30px;
    font-size: 20px;
}

.instructor .content:hover{
    transform: scale(1.05);
    transition-duration: 500ms;
    box-shadow: 5px 5px 5px #e5e5e5, -5px 5px 5px #e5e5e5;
}

.content{
    border: 2px solid chartreuse;
    border-radius: 10px;
    padding: 20px;
    margin: 40px;
}

.instructor .content .row .col-2 img{
    height: 200px;
    width: 250px;
    margin-top: 50px;
    border-radius: 10px;
}

#frontal{
    /* border: 2px solid black; */
    /* border-radius: 10px; */
    /* padding: 5px; */
    margin: 20px;
    color: chartreuse;
}

h1{
    font-weight: 800;
    font-size: 50px;
}

/* .btn{
    background-color: chartreuse;
    border-color: chartreuse;
} */

.searching{
    width:30%;
    text-align: center;
    margin-left: 40px;
    margin-top: 30px;
    
}
.searching .btn-outline-success{
    color:white;
    background-color: chartreuse;
}