* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  min-height: 100%; }

body {
/*background: rgb(247,189,24);*/
  /*background: #000;*/
  background: linear-gradient(-45deg, #ee7751, #e73c8e, #23a6d4, #23d4ab);
  animation: 25s infinite gradient;
  color: #fff;

  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: center; 
  padding: 0px;
  margin-top: 20px;
  }

#container {
  background: #f7bd18;
  border-radius: 8px;
  box-shadow: 0 0 0 10px #f7bd18;
  margin: 20px auto;
  max-width: 250px;
  padding: 8px; }

h1 {
  border-bottom: 4px solid #E8E8E8;
  color: #B96C6E;
  font-family: 'Pacifico', cursive;
  /*font-family: 'Playfair Display', serif;*/
  font-size: 18px;
  font-weight: normal;
  margin: 20px 0 .5em;
  /*text-transform: uppercase;*/ }
  @media (min-width: 500px) {
    h1 {
      font-size: 36px; } }
  @media (min-width: 768px) {
    h1 {
      font-size: 46px; } }

p {
  margin: 0 0 20px; }
  
audio {
width: 220px;
  border-radius: 10px !important;
  border: 0px !important;
display: block;
  margin: 0px auto;
	}
	
	main {
	width: 220px;
  background-color: rgb(0, 196, 179);
  border-radius: 12px;
  margin: 0px auto;
	}

/*# sourceMappingURL=maintenance.css.map */