/* CSS Document */
/*Fonts*/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 3, 2023 (This is a TTF to webfont converter)*/
@font-face {
  font-display: swap;
  font-family: 'nodesto_caps_condensedbold';
  src: url('../Fonts/Nodesto/nodesto_caps_condensed_bold-webfont.woff2') format('woff2'), url('../Fonts/Nodesto/nodesto_caps_condensed_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'bookinsanity_remakebold';
  src: url('../Fonts/BookInsanity Bold/bookinsanityremakebold-webfont.woff2') format('woff2'), url('../Fonts/BookInsanity Bold/bookinsanityremakebold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'bookinsanity_remakeregular';
  src: url('../Fonts/BookInsanity Regular/bookinsanityremakeregular-webfont.woff2') format('woff2'), url('../Fonts/BookInsanity Regular/bookinsanityremakeregular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*Search Bar*/
#bestiarySearch {
  background-image: url('../Backgrounds/PHBBackground.webp');
  background-repeat: no-repeat;
  width: 15%;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
  font-size: 24px;
  border-radius: 5px;
  border: 2px solid #58170d;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  #bestiarySearch {
  background-image: url('../Backgrounds/PHBBackground.webp');
  background-repeat: no-repeat;
  width: 40%;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
  font-size: 24px;
  border-radius: 5px;
  border: 2px solid #58170d;
  margin-bottom: 10px;
}
}
#magicItemSearch {
  background-image: url('../Backgrounds/PHBBackground.webp');
  background-repeat: no-repeat;
  width: 15%;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
  font-size: 24px;
  border-radius: 5px;
  border: 2px solid #58170d;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  #magicItemSearch {
  background-image: url('../Backgrounds/PHBBackground.webp');
  background-repeat: no-repeat;
  width: 40%;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
  font-size: 24px;
  border-radius: 5px;
  border: 2px solid #58170d;
  margin-bottom: 10px;
}
}
::placeholder {
   color: #58170d;
}
/*Bodies*/
body {
  background-image: url('../Backgrounds/PHBBackground.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 800px;
}
@media only screen and (max-width: 600px) {
  body {
    background-image: url('../Backgrounds/PHBBackground.webp');
    background-repeat: no-repeat;
    background-size: 150% 110.5%;
    min-height: 100vh;
    min-width: 100vw;
    height: 50vh;
    width: 100vw;
  }
}
#HomepageBody{
  background-image: url('../Backgrounds/PHBBackground.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 800px;
}
@media only screen and (max-width: 600px) {
#HomepageBody {
    background-image: url('../Backgrounds/PHBBackground.webp');
    background-repeat: no-repeat;
    background-size: cover;
  }
}
#WorldBody {
  background-image: url('../Backgrounds/PHBBackground.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 1200px;
}
@media only screen and (max-width: 600px) {
  #WorldBody {
    background-image: url('../Backgrounds/PHBBackground.webp');
    background-repeat: no-repeat;
    background-size: cover;
  }
}
#InenianTetrarchyBody {
  background-image: url('../Backgrounds/PHBBackground.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 1200px;
}
@media only screen and (max-width: 600px) {
  #InenianTetrarchyBody {
    background-image: url('../Backgrounds/PHBBackground.webp');
    background-repeat: no-repeat;
    background-size: cover;
  }
}
#LocationInformationBody {
  background-image: url('../Backgrounds/MMBackground.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: auto;
}
@media only screen and (max-width: 600px) {
  #LocationInformationBody {
    background-image: url('../Backgrounds/MMBackground.webp');
    background-repeat: no-repeat;
    background-size: cover;
  }
}
#BestiaryBody {
  background-image: url('../Backgrounds/MMBackground.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 1000px;
  width: auto;
}
@media only screen and (max-width: 600px) {
  #BestiaryBody {
    background-image: url('../Backgrounds/MMBackground.webp');
    background-repeat: no-repeat;
    background-size: cover;
  }
}
#SpellBody {
  background-image: url('../Backgrounds/PHBBackground.webp');
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
}
@media only screen and (max-width: 600px) {
  #SpellBody {
    background-image: url('../Backgrounds/PHBBackground.webp');
    background-repeat: no-repeat;
    background-size: cover;

  }
}
/*Nav*/
nav {
  font-size: 24px;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
}
/*Headings*/
h1 {
  color: #58170d;
  margin-left: 0px;
  font-size: 48px;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
}
h2 {
  color: #58170d;
  margin-left: 0px;
  margin-bottom: 3px;
  font-size: 36px;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
}
h3 {
  color: #58170d;
  margin-left: 0px;
  margin-bottom: 3px;
  font-size: 28px;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
}
/*Text Formats*/
.centerText {
  color: #58170d;
  font-size: 36px;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
  text-align: center;
}
.DescriptionText {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 3px;
  font-family: 'bookinsanity_remakeregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 28px;
}
#BeastName {
  color: #58170d;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 48px;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
}
#SpellName {
  color: #58170d;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 48px;
  font-family: 'nodesto_caps_condensedbold', Arial, "sans-serif";
}
#center {
  font-family: 'bookinsanity_remakeregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  margin-left: auto;
  margin-right: auto;
}
.stats {
  font-family: 'bookinsanity_remakeregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 24px;
  border: 0px solid black;
  margin-bottom: 0px;
}
/*Link Colors*/
/* unvisited link */
a:link {
  color: #58170d;
}
/* visited link */
a:visited {
  color: red;
}
/* mouse over link */
a:hover {
  color: #dc98ff;
}
/* selected link */
a:active {
  color: blue;
}
/*Table Formatting*/
table, th, td {
  font-family: 'bookinsanity_remakeregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 24px;
  text-align: center;
  border: 1px solid black;
  margin-bottom: 0px;
}
@media only screen and (max-width: 600px) {
  table, th, td {
    font-family: 'bookinsanity_remakeregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 12px;
    text-align: center;
    border: 1px solid black;
    margin-bottom: 0px;
  }
}
.beastTR {
  font-family: 'bookinsanity_remakeregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 24px;
  border: 0px solid black;
}
.beastTH {
  font-family: 'bookinsanity_remakeregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 24px;
  border: 0px solid black;
}
.beastTD {
  font-family: 'bookinsanity_remakeregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 20px;
  border: 0px solid black;
}
/*Image Formatting*/
.CreatureImage {
  margin-top: 10px;
  height: 346px;
  width: 300px;
}
.MobileMap {
  display: none;
}
@media only screen and (max-width: 600px) {
  .DesktopMap {
    display: none;
  }
  .MobileMap {
    display: block;
  }
}
/*Main Map*/
.MapImage {
  margin-top: 10px;
  height: 479px;
  width: 761px;
}
@media only screen and (max-width: 600px) {
  .MapImage {
    display: none;
  }
}
.MapImageMobile {
  margin-top: 10px;
  height: 189px;
  width: 300px;
}
@media only screen and (min-width: 601px) {
  .MapImageMobile {
    display: none;
  }
}
/*Inenian Map*/
.InenianImage {
  margin-top: 10px;
  height: 588px;
  width: 644px;
}
@media only screen and (max-width: 600px) {
  .InenianImage {
    display: none;
  }
}
.InenianImageMobile {
  margin-top: 10px;
  height: 236px;
  width: 258px;
}
@media only screen and (min-width: 601px) {
.InenianImageMobile {
    display: none;
}
}
/*Div/text Formatting*/
.StatBlock {
  float: left;
  height: auto;
  width: 500px;
}
.CreatureDescription {
  float: right;
  height: auto;
  width: 500px;
  margin-right: 150px;
}
.PlayerNotes {
  float: right;
  height: auto;
  width: 500px;
  margin-top: 100px;
  margin-right: 200px;
}
.StatHeading {
  font-family: 'bookinsanity_remakebold', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  margin-left: 3px;
}
.StatText {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 3px;
  font-family: 'bookinsanity_remakeregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
.DetailsText {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-family: 'bookinsanity_remakeregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 18px;
}
/* Interactive Map */
path:hover {
  fill: #fff;
}
path.selected {
  fill: #fff !important;
}
.regione {
  transition: all 200ms ease-in-out;
}