:root {
    --textcolor: #aa744e;
    --darkcolor: #694228;
}



    body::-webkit-scrollbar {
        width: 8px;
        }

        body::-webkit-scrollbar-track {
        background-color: #e5bf9c;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #cccccc00;
        }

        body::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #be8c53;
        border: 1px solid #aaa;
        }
        
      

@font-face {
src: url(https://dl.dropbox.com/s/uougf9v63jmphoj/Jojoba.otf);
font-family: jojoba;
}

p, h1, h2, h3, h4, h5, h5  {
    font-family: jojoba;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--darkcolor);
}

p {
    color: var(--textcolor);
}

.petgrid {
  display: grid;
  grid-template-columns: repeat(3, 70px);
  gap: 10px 10px;
  padding:10px;
  justify-content: center;
  align-content: center;
  align-items: center;  
}

.petgrid p {
  text-align:center;
}

.petprofile {
  width:60px;
  height:60px;
  border: 2px dashed #e4a66b;
  border-radius: 3px;
  margin-bottom:-1px;
  background-color: #a85f42;
}