@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');

body{
    background-color: rgb(84, 3, 22);
}

span{
    font-family: Poppins;
    text-align: justify;
    font-size: 15px;
}

h6 {
    font-family: Poppins;
    font-size: 16px;
    text-align: center;
    color: black;
    margin: 3%;
    margin-top: 5%;

}

h5 {
    color: white;
    background-color: rgb(6, 30, 68);
    font-family: Poppins;
    text-align: center;
}

h4{
    color: white;
    font-family: Poppins;
    text-align: center;
    margin-top: 2%;
}

h3 {
    font-family: Poppins;
    font-size: 35px;
    text-align: left;
    color: rgb(6, 30, 68);
    text-decoration: underline;
    margin-left: 3%;
    margin-top: 2%;
}

h2 {
    font-family: Poppins;
    font-size: 15px;
    text-align: center;
    color: black;
    margin: 3%;
    margin-top: 4%;

}

p {
    font-family: Poppins;
    font-size: 18px;
    text-align: justify;
    color: black;
    margin: 3%;
}

.container {
    background-color: white
}

.card-panel  {
    background-color: rgb(6, 30, 68);
}

.card-title {
    color: rgb(6, 30, 68);
}

.card-reveal {
    color: rgb(6, 30, 68);
}

.nav-wrapper {
    color: black;
    background-color: rgb(84, 3, 22);
}

.nav-wrapper ul {
    list-style: none;
}

.nav-wrapper li {
    font-size: 30px;
    color: black;
    font-family: Poppins;
}

.nav-wrapper a {
    color: black;
    font-family: Poppins;
    text-decoration: underline;

}

.nav-wrapper :hover {
    color:  rgb(84, 3, 22);
}

.sidenav {
    color: black;
    background-color: rgb(84, 3, 22);
    font-size: 30px;
}

.sidenav ul {
    list-style: none;
}

.sidenav li {
    font-size: 30px;
    color: black;
    font-family: Poppins;
}

.sidenav a {
    color: black;
    font-family: Poppins;
    text-decoration: underline;
    font-size: 30px;

}

.sidenav :hover {
    background-color:  rgb(84, 3, 22);
}

.waves-effect {
    color: white;
    font-family: Poppins;
    float: right;
    background-color: rgb(84, 3, 22);
    margin-right: 3%;
    margin-bottom: 2%;

}

.material-icons {
    color: rgb(84, 3, 22);
}

.page-footer {
    background-color: rgb(6, 30, 68);
}

.page-footer ul {
    list-style: none;
}

.page-footer li {
    font-family: Poppins;
    color: white;
    background-color: rgb(6, 30, 68);
    font-size: 15px;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.page-footer a {
    font-family: Poppins;
    color: white;
    background-color: rgb(6, 30, 68);
    font-size: 15px;
    margin-top: 3%;
    margin-bottom: 3%;
}