@font-face {
  font-family: "fontello";
  src: url(../font/fontello.eot?30242799);
  src: url(../font/fontello.eot?30242799#iefix) format("embedded-opentype"),
    url(../font/fontello.woff2?30242799) format("woff2"),
    url(../font/fontello.woff?30242799) format("woff"),
    url(../font/fontello.ttf?30242799) format("truetype"),
    url(../font/fontello.svg?30242799#fontello) format("svg");
  font-weight: 400;
  font-style: normal;
}
*,


h1 {text-align: center;}
h3 {text-align: center;}
p {text-align: center;}
div {text-align: center;}

.button {
 border: none;
 color: white;
 padding: 6px 20px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 14px;
 margin: 4px 2px;
 transition-duration: 0.4s;
 cursor: pointer;
 }

.button1 {
 background-color: blue; 
 color: white; 
 border: 2px solid #C80009;
 }

.button1:hover {
 background-color: #A10000;
 color: white;
 }
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

body {
  background-color: #33B5FF;
  background-image: linear-gradient(180deg, blue, white);
  font-family: Lato, "Helvetica Neue", sans-serif;
  padding: 0;
  margin: 0;
  font-size: 16px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}
.appbar-description {
  font-size: 18px;
  color: white;
  text-shadow: 0 0 2px #ccff00;
}
.appbar-title {
  font-size: 30px;
  color: white;
  margin: 0 auto;
  text-shadow: 0px 0px 5px #ccff00;
}
.modal-content h1 {
  font-size: 0.9rem;
  margin: 0 auto;
  color: #333;
}
hr.image {
  border: 2px solid transparent;
  border-image: url(../img/RainbowLine.jpg);
  border-image-slice: 1;
  clear: both;
}
p.ex {
  text-decoration: overline underline;
}