.logo{
    width: auto;
    height: 90px;

}
.dropdown:hover .dropdown-menu {
    display: block;
    background-color: purple;
    box-shadow: 2px 2px 10px 0 black;
}
.dropdown-item:hover{
    background-color: purple;
    border: 1px solid white;
    width: 90%;
    margin-left: 5%;!important;
    border-radius: 4px;
    transition: .2s;
    color: white;
}
.nav-link{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Cambria;

}
.nav-link:hover{

    border-bottom: 2px solid white;
}
.login{
    font-size: 16px;
    border: 1px solid white;
    border-radius: 8px;
    width: 100px;
    text-align: center;
    color: white !important;
}
.login:hover{
    font-size: 16px;
    border: 1px solid white;
    border-radius: 8px;
    width: 100px;
    text-align: center;
    background-color: navy;
    transition: 1s;
}
.mainNav{
    background: rgb(168,151,173)!important;
    background: linear-gradient(90deg, rgb(193, 186, 196) 0%, rgba(108,9,121,1) 50%, rgba(58,6,101,1) 100%) !important;
    box-shadow: 0 8px 10px 5px #fa6d70;
   
    height: auto;
    text-transform: capitalize;
    margin-bottom: 2px;

}
.contactNav {
    border-bottom: 2px solid;
    background-color: black !important;
    width: 100%;

    color: black;
    font-weight: bold;

}
@keyframes myanimation {
    0% {background-color: red;}
    25%{background-color:black;}
    50%{background-color:green;}
    75%{background-color:brown;}
    100% {background-color: red;}
}


.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}



.icon-bar a:hover {
    background-color: #000;
    width: 10%;!important;
}

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}

.content {
    margin-left: 75px;
    font-size: 30px;
}
.input{
    box-shadow: 2px 2px 4px 0 darkgray inset;
}
.input:focus{
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 2px 2px skyblue;
}

.signup{
    background-image: linear-gradient(to bottom right, red , blue);
}

.card-body{
    padding: 20px;
    font-family: Cambria;
}

.card-header{
    height: 50px; text-align: center; padding: 10px; color: white!important; font-size: 22px; font-weight: bold; font-family: Cambria;
}

.card-header{
    background-image: linear-gradient(to right, #ff363a, #c80a0d);
    box-shadow: 0 8px 10px -5px #fa6d70;
    margin-bottom: 5px;
    height: auto;

}
.classThree{
    font-family: Cambria;
    font-size: 40px;
    font-weight: bold;
    color: navy;
    text-align: center;
}

.course{
    color: #c81104;
    text-align: center;
    font-family: Cambria;
    font-size: 30px;
    font-weight: bold;
}

.my_th{
    text-align: center;
}

.firstmenu{

}
.secondmenu{

}

legend{
    font-family: Cambria !important;
    font-weight: bold;
    letter-spacing: 1px;
    word-spacing: 4px;
    text-transform: capitalize;
    text-align: center;
    background: rgb(65,2,84);
    background: linear-gradient(90deg, rgba(65,2,84,1) 0%, rgba(58,6,101,1) 90%, rgba(108,9,121,1) 100%);
    color: white;

    width: 90%;
    margin-left: 0 !important;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 14px 2px rgba(89,0,83,0.64);
    -moz-box-shadow: 2px 2px 14px 2px rgba(89,0,83,0.64);
    box-shadow: 2px 2px 14px 2px rgba(89,0,83,0.64);

}

fieldset{
    margin-right: 0!important;
    padding-right: 0!important;
    padding-left: 0;
    border: 1px solid purple;
    box-shadow: 0 1px 10px rgba(128, 0, 128, 0.55);
    margin-bottom: 20px;
}