.grid-child {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.container-header {
    z-index: 10;
    position: relative;
    box-shadow: inset 0 5px 5px #00000008;
      --cassiopeia-color-primary: #b3e1f9;
  background-image: linear-gradient(135deg, #c7e8f9 0%, #abdef9 100%);
}


.container-header .navbar-brand {
    color: #b3e1f9;
    margin-inline-end: auto;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-size: 2rem;
    display: inline-block;
    position: relative;
}

.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 1em;
  background-image: linear-gradient(135deg, #0f60b1 0%, #105ca8 100%);
}

.blog-item {
    flex-direction: column;
    padding: 0 .5em 1em;
    display: flex;
    overflow: hidden;
    border: 1px solid #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}