/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: black;
  color: white;
  font-family: Verdana;
}
p {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
pre {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
.name {
  font-size: 4em;
  text-decoration: underline;
}
.alias {
  font-size: 3em;
  text-decoration: none;
}
.latin {
  font-size: 2.5em;
  font-style: italic;
}
.description {
  font-size: 1em;
  text-decoration: none;
  max-width: 100%;
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.alignment {
  font-size: 1em;
  font-style: italic;
}
.size {
  font-size: 0.85em;
  font-style:italic;
}
.Area{
  font-size: 0.75em;
}
.Biome{
  font-size: 0.75em;
}
.Diet{
  font-size: 0.75em;
}
.CR {
  font-size: 3em;
  font-weight: bold;
}
.DC{
  font-size: 2em;
  font-weight: bold;
}
.Proficiency{
  font-size: 2em;
  font-weight: bold;
}
.Speed{
  font-size: 1.5em;
} 
.HP{
  font-size: 2em;
  font-weight: bold;
} 
.Attack{
  font-size: 2em;
  font-weight: bold;
}
.AC{
  font-size: 2em;
  font-weight: bold;
}
.AbilityTitle{
  font-size: 2.5em;
  font-weight: bold;
  text-decoration: underline;
}
.ResistanceTitle{
  font-size: 2.5em;
  font-weight: bold;
  text-decoration: underline;
}
.TraitTitle{
  font-size: 2.5em;
  font-weight: bold;
  text-decoration: underline;
}
.WeaknessTitle{
  font-size: 2.5em;
  font-weight: bold;
  text-decoration: underline;
}
.AttackTitle{
  font-size: 2.5em;
  font-weight: bold;
  text-decoration: underline;
}
.ActionsPerTurn{
  font-size: 2em;
  font-weight: bold;
}
.Ability{
  font-size: 1.5em;
}
.Resistance{
  font-size: 1.5em;
}
.Traits{
  font-size: 1.5em;
}
.Weakness{
  font-size: 1.5em;
}
.AttackItem{
  font-size: 1.5em;
}
.button{
  border: 2px;
  font-size: 2em;
  margin: 0px;
  color:white;
  text-decoration: none;
  
  border-color:white;
  border-style: solid;
  border-radius:3em;
  padding:0.5em;
  width:fit-content;
}
.CreatureLink{
  color:white;
  padding:0.5em;
}
a{
  color:white;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}