/* Custom CSS */



body {
     background-color: aliceblue;
}
body {
  position: relative;
  min-height: 100vh;
 }
/* navbar decoration */

.LogoText {
     color: #d76a73 !important;
     font-weight: bold;
     font-size: 30px;
     text-decoration: none;
     margin-right: 20px;
}

.mynav {
     background-color: white !important;
}

.mynav li a {
     color: black !important;
     font-weight: 500;
     margin-right: 20px;
}


.mynav li a:hover {
     color: #d76a73 !important;
}

.mynav a.active  {
    color: #d76a73 !important;
}


.mynav2 {
     background-color: #4285f4 !important;
     width: auto;
     height: 50px;
}

.mynav2 li a {
     color: rgb(0, 0, 0) !important;
     font-weight: 500;
     margin-right: 5px;
     
}

.mynav2 li a:hover {
     color: #ffffff !important;
}

.mynav2 h4 {
     color: white !important;
     font-weight: 500;
     margin-top: 13px;
     font-family: 'Bebas Neue', cursive;
     font-size: 35px;
}

.vl {
     border-left: 1.5px solid green;
     height: 30px;
     margin-top: 5px;
}

.subjectcards {
     margin: 20px;
}

.col {
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     padding-left: 10px;
}

.col a {
     text-decoration: none;
}

.card {
     padding: 10px;
     /* JUST TO LOOK COOL */
     border: 1px solid #eee;
     /* JUST TO LOOK COOL */
     box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
     transition: all 0.3s ease-in-out;
     background-color: white;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.card:hover {
     box-shadow: rgba(0, 0, 0, 0.22) 0px 19px 43px;
     transform: translate3d(0px, -2px, 0px);
}

.imagecontainer {
     margin: auto;
     width: 50%;
     padding: 10px;
}

/* In subject Page */

.card-text a {
     font-weight: 500;
     text-decoration: none;
}

.card2 {
     padding: 10px;
     /* JUST TO LOOK COOL */
     border: 1px solid #eee;
     /* JUST TO LOOK COOL */
     box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px;
     transition: all 0.3s ease-in-out;
     background-color: white;
}

.col2 {
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     padding-left: 10px;
}

/* @media only screen and (max-width: 1400px){
    .col {
        margin: 20px;
    }
    
} */

/* .card-title {
    margin: auto;
    width: 50%;
    padding: 10px;
    
}

.card-text {
    margin: auto;
    width: 50%;
    padding: 10px;
    
} */