.delius-swash-caps-regular {
  font-family: "Delius Swash Caps", cursive;
  font-weight: 400;
  font-style: normal;
}

body {
  background-image: url('pics/forest.gif');
  color: black;
  font-family: "Delius Swash Caps", cursive;
}

body, html {
  overflow: hidden;
}

.grid{
  display: grid;
  column-gap: 5px;
  grid-template-columns: min-content min-content min-content;
  padding: 5px;
}

.hibox{
     width: 250px;
    height: 460;
    margin-top: 5px;
    margin-left: 5px;
    background-color: hsla(19 43.2% 21.9% / 0.86);
    background-size: contain;
    color: black;
  
    
    border-style: ridge;
     border-color: #78503e;
    border-width: 7px;
    border-radius: 26px;
}

.imgbox{
     width: 820px;
    height: 460px;
    margin-top: 3px;
    margin-left: 10px;
    background-color: hsla(19 43.2% 21.9% / 0.86);
    color: black;
  
    
    border-style: ridge;
     border-color: #78503e;
    border-width: 7px;
    border-radius: 26px;
}

.scroller{
     width: 1100px;
    height: 250px;
    margin-top: 3px;
    margin-left: 10px;
    background-color: hsla(19 43.2% 21.9% / 0.86);
    color: black;
  
    
    border-style: ridge;
     border-color: #78503e;
    border-width: 7px;
    border-radius: 26px;
}