/* 
      .--..--..--..--..--..--.
    .' \  (`._   (_)     _   \
  .'    |  '._)         (_)  |
  \ _.')\      .----..---.   /
  |(_.'  |    /    .-\-.  \  |
  \     0|    |   ( O| O) | o|
   |  _  |  .--.____.'._.-.  |
   \ (_) | o         -` .-`  |
    |    \   |`-._ _ _ _ _\ /
    \    |   |  `. |_||_|   |
    | o  |    \_      \     |     -.   .-.
    |.-.  \     `--..-'   O |     `.`-' .'
  _.'  .' |     `-.-'      /-.__   ' .-'
.' `-.` '.|='=.='=.='=.='=|._/_ `-'.'
`-._  `.  |________/\_____|    `-.'
   .'   ).| '=' '='\/ '=' |
   `._.`  '---------------'
           //___\   //___\
             ||       ||
             ||_.-.   ||_.-.
            (_.--__) (_.--__)
       

 Insert all your glorious CSS styles below! */

/* bungee-spice-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bungee Spice';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bungee-spice-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cal-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cal Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cal-sans-v2-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html {
  font-size: 19px;
  background-color: rgb(44, 74, 151);
}

body {
  background-color: rgb(218, 88, 88);
  border: 5px solid rgb(20, 0, 196);
  box-shadow: 0 0 15px 5px rgba(11, 5, 87, 0.75);
  max-width: 760px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}

p {
  font-family: 'Cal Sans';
  font-style: normal;
  font-weight: 400;
  text-align: center;
  font-size: 20px;
  color: rgb(255, 255, 255);
}

h1,
h2,
h3 {
  font-family: 'Bungee Spice';
  font-style: normal;
  font-weight: 400;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 5px solid rgb(188, 15, 15);
  border-bottom: 5px solid rgb(188, 15, 15);
  color: rgb(255, 255, 255)
}

li {
  font-family: 'Cal Sans';
  font-style: normal;
  font-weight: 400;
  text-align: center;
  font-size: 20px;
  color: rgb(255, 255, 255);
}

h2,
.text-size-h2 { font-size: 3.16em; }

h3,
.text-size-h3 { font-size: 2.37em; }

h4,
.text-size-h4 { font-size: 1.78em; }

h5,
.text-size-h5 { font-size: 1.33em; }

.text-caption { font-size: 0.75em; }

small,
.text-small {
  font-size: 0.56em;
}