@font-face {
  font-family: "UnifrakturCook";
  src: url("UnifrakturCook-Bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "UnifrakturCook";
  src: url("CormorantGaramond-VariableFont_wght.ttf");
  font-weight: 700;
}
body{
background-color: #d7c5e0;
background-image: url('https://i.imgur.com/um7VW5i.jpg');
background-repeat: no-repeat;
background-size: 100%;
background-attachment: fixed;
color: #23262e;
font-family: 'Cormorant Garamond', serif;
}


#all{
width: 460px;
margin: 0 auto;
}

img{
opacity: 0.9;
}

html {
  font-size: 16px; /* Set the root font size */
}


h2 {
  font-size: 1.3rem; /* 1.875 * 16 = 30px */
  background-color: Lavender;
width: 460px;
margin: 1px;
margin-bottom: 10px;
}

p {
  font-size: 1.5rem; /* 1 * 16 = 16px */
}

.header-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}
body {
   background-color: white;
  color: black;
}
h1 {
    font-family: "CormorantGaramond-Italic-VariableFont_wght.ttf", cursive;
    font-weight: 700 ;
    font-size: 45px;
    text-align: center;
    color: #fff;
background-color: #fff;
width: 460px;
margin: 1px;
margin-bottom: 10px;
}

#nav{
background-color: #fff;
width: 460px;
margin-bottom: 10px;
}
ul{
background-color: #fff;
width: 460px;
text-align: center;
padding: 0px;
margin: 1px;
margin-bottom: 10px;

}

li{
list-style-type: none;
display: inline;
padding-left: 5px;
}

a{
text-decoration: none;
color: #657346;
}

a:visited{
color: #657346;
}

a:hover{
font-style: italic;
font-weight: bold;
}
#main{
background-color: #fff;
width: 430px;
padding: 15px;
text-align: justify;
}

::-webkit-scrollbar{
width: 6px; 
}
    
::-webkit-scrollbar-track{
background-color: #1a1c16;
}

::-webkit-scrollbar-thumb{
background-color: #43473c;
}

#credit{
font-size: 12px;
position: fixed;
bottom: 0;
right: 0;
}

#credit a{
text-decoration: none;
color: #fff;
}

#credit a:visited{
color: #fff;
}

#credit a:hover{
font-style: italic;
font-weight: bold;
}

#credit a:active{
font-style: italic;
font-weight: bold;
}

p { 
  font-family: Georgia, serif;
  text-align: center;
}


  .center-me {
  display: block;      /* Makes the link sit on its own line */
  width: fit-content;  /* Shrinks the block to fit the text size */
  margin: auto;
  font-size: 1.125rem;
}

.Neocities {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 5%;
}

footer { 
  padding: 5px;
   display: block;
  margin-left: 43%;
  margin-right: 43%;
  width: 23%;
}