@font-face {
    font-family: "noto";
    src: url("fonts/NotoSans.ttf");
}

@font-face {
    font-family: "raleway";
    src: url("fonts/Raleway.ttf");
}

h1 h2 h3 h4{
    font-family: "Roboto Condensed", sans-serif;
}

p{
    font-family: "Roboto Condensed", sans-serif;
}

.body{
    background:rgb(240, 239, 239);
}
.paragraph{
    font-size:17px;
    color:rgb(78, 78, 78);
    line-height: 1.8;
    text-align: justify;
    margin:5px;
}
.course_card{
box-shadow: 5px 3px 5px;
}
.course_card:hover{
    box-shadow: 5px 3px 5px #9F1BEE;
    cursor:default;
    width:101%;
    height:101%;
    padding:20px;
    }
.coursepara{
    margin-left: 10px;
    color:black;
    margin-right: 5px;
}


.c_coursepara{
    margin-left: 10px;
    color:#9F1BEE;
    margin-right: 5px;
}

.c_card_heading{
    color:#9F1BEE;
    text-decoration: underline;
    margin-left: 10px;
}

.c_coursepara:hover{
    margin-left: 10px;
    color:#2c0444;
    margin-right: 5px;
}

.c_card_heading:hover{
    color:#2c0444;
    text-decoration: underline;
    margin-left: 10px;
}

.coursepara:hover{
    color:#9F1BEE;
}

a{
    color:grey;
}


.card_heading{
    color:#9F1BEE;
    text-decoration: underline;
    margin-left: 10px;
}
.card_heading:hover{
    color:black;
    font-weight: bold;
    text-decoration: underline;
    cursor:default;
}
.cardmaindiv{
   margin-top:15px;
}

.card_div_internal{
    background:rgb(248, 244, 244);
}
.card_div_internal:hover{
    box-shadow:2px 3px 3px #9F1BEE;
    
}


.gcard_div_internal:hover{
    box-shadow:3px 3px 3px #363636;
    
}

.gallarycard_div_internal{

}


.gallarycard_div_internal:hover{
   
}

.gallaryhedging{
    width:600px;
    background-image: linear-gradient(to right,rgb(117, 117, 117), rgba(255,0,0,0));
    height:35px;
    font-size:25px;
    color:white;
    border-left: 5px solid rgb(34, 2, 85);
    padding-left:15px;
}


.gallaryhedging2{
    width:600px;
    background-image: linear-gradient(to right,rgb(132,0, 158), rgba(255,0,0,0));
    height:35px;
    font-size:25px;
    color:white;
    border-left: 5px solid rgb(34, 2, 85);
    padding-left:15px;
}





.infoheading{
    font-weight:bold;
    color:black;
}
.infoicon{
    font-size:50px;
    align:center;
}

.topicheading{
    margin-top:0px;
    background-image: linear-gradient(to left, #84009E,  #84009E);
    width:100%;
    height:80px;color:white;padding-top: 5px;
    padding-left:40px;
   font-family: "Roboto Condensed", sans-serif;
}
.content_container{
    margin:40px;
}
.gallaryDiv{
    margin:20px;
    border:2px solid red;
    background-color:yellow;
}


.topnavbar{
    color:white;
    width:100%;
    background:rgb(79, 1, 124);
    height:40px;
}