/* body,h1,h2,h3,h4,h5,h6 {font-family: "Satisfy", sans-serif} */

h1,h2,h3,h4,h5,h6 {font-family: "Satisfy", cursive}

body {font-family: "Hind Vadodara", sans-serif}

body, html {
  height: 100%;
  line-height: 1.8;
}

.w3-bar {
  padding: 16px;
}

.w3-button {
  padding: 16px;
  font-family: "Satisfy", cursive;
}

.font2 {
  font-family: "Hind Vadodara", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.font1 {
  font-family: "Satisfy", cursive;
  font-weight: 400;
  font-style: normal;
}

.squeeze {
  line-height:1.5;
}

.squeezemore {
  line-height:1.2;
}

.it {
  font-style: italic;
}

/* Adds emphasis for note spans at the inside end of list item tags */
.itfade {
  font-style: italic;
  opacity:0.5;
  margin:0;
  padding:0;
}

/* Class for Spans that need to break neatly at forced spots if necessary */
.pb { display: inline-block; }

li > * {
  vertical-align: text-top;
  margin:0;
  padding:0px 0px 0px 0px;
  line-height: 1.5;
}

/* Class removes space above an element */
.ultight {
  margin-top:0;
}

/* Removes space above ul tag */
ul {
  margin-top:0;
}

/* Modified version of keyframe fade animation from w3.css - altered timings */
.animate-fading{animation:fading 4s infinite}
@keyframes fading
  {
  0%{opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{opacity:0}
  }

.shadow {
  text-shadow:2px 2px 0 #000000
}

/* Background CSS Texture for Sections */
.bgtexture {
background-color: #ffffff;
opacity: 1;
background-image:  
  radial-gradient(circle at 10px 100%, 
  transparent 9px, 
#00000020 9px, 
#00000020 10px, 
  transparent 10px), 
  radial-gradient(circle at 10px 0%, 
  transparent 9px, 
#00000020 9px, 
#00000020 10px, 
  transparent 10px);
background-size: 20px 10px;
background-position: 0 0, 10px 0;
}