:root {
  --cassiopeia-color-primary: gray;
  --cassiopeia-color-hover: grey;
  --cassiopeia-color-link: black;
}

.float-center.item-image {
  text-align: center;
}

footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}



/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */
@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');
/* Use the imported font on the page: On Google you can also find the CSS instruction for using the font. If you put this in the body element then the font will be used on the whole website. */
body {
    font-family: 'Georama', sans-serif;
}

.articles {
    white-space: initial;
    word-break: normal;
    text-align: justify;
    font-family:"Comic Sans MS", Verdana;
    font-size: 16px;
}
.btn:hover { 
background: #0b2d42; 
background-image: -webkit-linear-gradient(top, #0b2d42, #a6cce6); 
background-image: -moz-linear-gradient(top, #0b2d42, #a6cce6); 
background-image: -ms-linear-gradient(top, #0b2d42, #a6cce6); 
background-image: -o-linear-gradient(top, #0b2d42, #a6cce6); 
background-image: linear-gradient(to bottom, #0b2d42, #a6cce6); 
text-decoration: none; 
}    

.btn btn-success{
background: #5C77A5
background-image: -webkit-linear-gradient(top, #a6cce6, #5C77A5); 
background-image: -moz-linear-gradient(top, #a6cce6, #5C77A5); 
background-image: -ms-linear-gradient(top, #a6cce6, #5C77A5); 
background-image: -o-linear-gradient(top, #a6cce6, #5C77A5); 
background-image: linear-gradient(to bottom, #a6cce6, #5C77A5); 
text-decoration: none;     
}

.h3, h3 {
  color: darkblue;
}