:root {
    --cassiopeia-color-primary: #104579;
    --cassiopeia-color-link: #104579;
    --cassiopeia-color-hover: #629dd7;
}

.container-header{
  background: url("../images/top.png");
  height: 25vh;
  background-repeat: no-repeat;
  background-size: cover;
}
.site-grid{
  background: url("../images/page.png");
}
.mod-menu{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3rem;
}
.card-header{
  background: var(--cassiopeia-color-primary);
  color:white;
}
.com-content-article{
  background: white;
  padding: 2vw;
  box-shadow: 0 0 2px rgba(51,57,66,.1),0 2px 5px rgba(51,57,66,.08),0 5px 15px rgba(51,57,66,.08),inset 0 3px 0 var(--cassiopeia-color-primary);
}
.card{
  border: 1px solid var(--cassiopeia-color-primary);
  border-radius: 0.5rem;

}
.article-info{
  font-size: 0.7rem;
  padding: 0.5vw 0 0.5vw 0.5vw;
  display:flex;
}
.modified{
  margin-right:1vw;
}
dd{
  margin:0;
}
.container-header .navbar-brand a , .container-header .site-description{
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
  font-size: 2.2rem;
}