body {
background-image: url("grounds-slow.gif");
background-size: cover;
color:#b89688;
font-family: serif;
padding-left: 20px;
padding-right: 20px;
background-color: #966c6c;
}

p {
text-align: justify;
}

#navBack a{
  color:#d702bd;
  text-shadow: -0px 1px 0 #b89688;
  font-weight: bold;
  text-decoration: none;
}

.div-one{
border: 32px solid transparent;
border-image: url('bord-muted-dark-thick.png') 32 round;
background-clip: padding-box;
background-color:#3e3546;
margin:auto;
width:clamp(380px,90%,820px);
align-items: center;
padding: 12px
}

h1 {
text-align: center;
color:#84272d;
text-shadow: -0px 1px 0 #b89688;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

h2 {
text-align: center;
color:#21885c;
text-shadow: -0px 1px 0 #b89688;
}

h3 {
text-align: center;
color:#d702bd;
text-shadow: -0px 1px 0 #b89688;
}

strong {
color:#429e27;
text-shadow: -0px 1px 0 #b89688;
}

a {
  color:#429e27;
  text-shadow: -0px 1px 0 #b89688;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

em{
color:#d702bd;
text-shadow: -0px 1px 0 #b89688;
}

div.card-viewer {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
.card{
  display: inline-block;
}