@font-face {
  font-family: 'bavista-solare';
  src: url('https://benitengu.neocities.org/fonts/bavista-solare/bavista_soulare-webfont.woff'),
      url('https://benitengu.neocities.org/fonts/bavista-solare/bavista_soulare-webfont.woff2');
}

@font-face {
    font-family: 'caudexregular';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-regular-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/caudex/caudex-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'caudexbold';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-bold-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/caudex/caudex-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'caudexbold_italic';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-bolditalic-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/caudex/caudex-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'caudexitalic';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-italic-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/caudex/caudex-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  margin-top: 0px;
  margin-inline: 0;
  overflow-x: hidden;
  font-family: 'caudexregular';
  font-size: 17px;
  background-image: url("bg.jpg");
  background-repeat: repeat;
}

h1 {
    font-family: 'bavista-solare';
    font-size: 50px;
    margin: 5px;
    color: #613548;
    text-align: center;
}

h2 {
    font-family: 'bavista-solare';
    font-size: 30px;
    color: #613548;
    text-align: center;
}

h3 {
    font-size: 25px;
    color: #613548;
}

a {
    color: #613548;
    text-decoration: none;
    text-shadow: #222 0px 0px 2px;
}

a:hover {
    color: #7f152e;
    font-weight: bold;
    text-shadow: #7f152e 0px 0px 5px;
}

b {
    font-weight: normal;
    text-shadow: #7f152e 0px 0px 2px;
}

i {
    color: #766;
}

.box {
  background-color: #f6f4d2;
  border-style: groove;
  border-color: #e5ad4e;
  border-width: 5px; 
  padding: 5px;
  width: fit-content;
  flex-direction: row;
}

    #myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #ba3960; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 20px; /* Rounded corners */
  font-family: 'bavista-solare';
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #de9a6a; /* Add a dark-grey background on hover */