:root {
    --main: #009746;
    --main-l: #95c325;
    --bg: #393186;
    --text: #212529;
    --text-i: #fefefe;
}
.darkmode:root {
    --text: #fefefe;
    --text-i: #212529;
}
html {
    color: var(--text);
    position: relative;
    min-height: 100%;
    font-size: 14px;
}
body {
    margin-bottom: 60px;
    font-family: 'Poppins', sans-serif;
}
a {
    color: #0366d6;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    
}
.footer{
    background-color: var(--bg);
}
.navbar {
    background-color: var(--bg);
    color: var(--text-i) !important;
}
.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
.material-icons{
    vertical-align: bottom;;
}