body {
  background-color: black;
  color: rgb(219,179,179);
  font-family: 'Share Tech', sans-serif;
    font-size: medium;
  width:65%
}

@media screen and (max-width: 768px) {
  body {
    
    width: 100%; /* Set the width to full for small screens */
  }
}

.share-tech-regular {
  font-family: "Share Tech", sans-serif;
  font-weight: 400;
  font-style: normal;
  }

            
.unifrakturcook-bold {
  font-family: "UnifrakturCook", cursive;
  font-weight: 700;
  font-style: normal;
  }


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

a:link {
  color: rgb(209,20,20);
}

a:visited {
  color: rgb(209,20,20);
}

a:hover {
  color: rgb(209,20,20);
}

h1,
h2,
h3,
h4{
  color: rgb(209,20,20);
  font-family: "UnifrakturCook", cursive;
  font-weight: 700;
  font-style: normal;
  }

hr {
  border: 1px solid rgb(209,20,20);
}

blockquote {
  max-width: 50%; /* Slightly thinner than body */
  margin: 1em auto; /* Centering */
  padding: 0.5em;
  border: 1px solid rgb(209,20,20);
  border-radius: 10px;
  box-shadow: 0px 0px 20px rgba(209,20,20);
}