body {
        background-color: #00FFFF;
        color: #000080;
         font-family: "Funnel Sans", sans-serif;
         font-size: 1.5em;  
         border: 2em groove #000080 ;
         padding: 1em ;
         border-radius:4px ;
         padding:2em ;
         
}
    
h1 { 
    font-family: "Pacifico", cursive;
    font-size: 3.5em;
    text-align: center;
}

a {
  color: #000080;  
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.box {
  flex-basis: 40%;
  margin: 1.5em;
}
    
.box img {
  max-width: 40%;
  display: block;
  margin: auto;
}

img {   
    border: 3em groove #000080 ;
    border-radius:0% ;
}

.tiny {
   font-size: 50%;
}   
/*scroll-progress*/
#scroll-progress {
  position: fixed;
  top: 0;
  width: 5%;
  height: 4px;
  background: #7983ff;
  z-index:0;
  color:#000080 ;
}
.n-resize {cursor: n-resize;}

/* STARS  */
.star-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.star-rating input {
  display: none;
}
.star-rating label {
  font-size: 2rem;
  color: #ccc;
  cursor: pointer;
}
.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label {
  color: #ffca08;
}
/* END STARS  */