/* Format headers */
h1 {
  font-size: 3rem;
}

h2 {
  font-size: 4rem;
  margin-top: 3rem;
  margin-bottom: 0.5rem;
}

h3 {
  font-size: 2rem;
  margin-top: 0;
}

p {
  margin: 1.5rem 0;
}

/* Prevent long strings from overflowing container */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* Fix line height when title wraps */
h1,
h2,
h3 {
  line-height: 1.1;
}

/* Reduce header size on mobile */
@media only screen and (max-width: 720px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.1rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.25rem;
  }
  
  #buy_me_a_coffee, #sponsor {clear: left; width: 100%;}
}

/* Format links & buttons */
a,
a:visited {
  color: var(--accent);
}

a:hover {
  text-decoration: none;
}

a:link, a:visited {
  text-decoration: none;
  display: inline-block;
}


/* Misc body elements */
img,
video {
  max-width: 100%;
  height: auto;
  border-radius: var(--standard-border-radius);
}

.rating {
	margin-top: 1.5rem;
}

#buy_me_a_coffee, #sponsor {float: left; width: 50%;}