:root {
  --cassiopeia-color-primary: #030B68;
  --cassiopeia-color-hover: #030B68;
  --cassiopeia-color-link: #030B68;
}

.metismenu.mod-menu .metismenu-item.active>a {
    text-decoration: none;
    color: yellow;
    text-transform: uppercase;
}

.container-header {
   background-color: #030B68;
   background-image: none;
}

.container-header .navbar-toggler {
    background-color: #030B68;
}

.container-header .navbar-toggler {
    color: yellow;
    cursor: pointer;
    border: 1px solid yellow;
}
    
.youtube-video {
  aspect-ratio: 16/9;
  width: 100%;
}

body{
margin:0;
overflow-x:hidden;
}

.footer {
    margin-top: 1em;
    color: #fff;
    background-color: var(--cassiopeia-color-primary);
    background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-hover));
}

.footer .row{
width:100%;
margin:1% 0%;
padding:0.6% 0%;
color:white;
font-size:1.0em;
}

.footer .row a{
text-decoration:none;
color:yellow;
transition:0.5s;
}

.footer .row a:hover{
color:#fff;
text-transform: uppercase;
text-decoration: underline;
}

.footer .row ul{
width:100%;
}

.footer .row ul li{
display:inline-block;
margin:0px 30px;
}

.footer .row a i{
font-size:2em;
margin:0% 1%;
}

@media (max-width:720px){
.footer{
text-align:left;
padding:5%;
}
.footer .row ul li{
display:block;
margin:10px 0px;
text-align:left;
}
.footer .row a i{
margin:0% 3%;
}
}