*{
    text-align:center;
}

body{
  font-family: 'Alegreya Sans', sans-serif;
  background-image: url("calendar.png");
  background-repeat: repeat;
  font-weight:300;
  color:#ffffff;
  }

#block{
    background-color:rgba(0, 0, 0, 0.7);
    max-width:600px;
    margin: auto;
    padding: 10px;
    margin-top:15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#example{
  background-color:rgba(0, 0, 0, 0.7);
  max-width:400px;
  margin: auto;
  padding: 10px;
  -moz-border-radius: 15px;
  border-radius: 15px;

}

h1{
    background-color:rgba(0, 0, 0, 0.7);
    max-width:600px;
    margin: auto;
    padding: 10px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

textarea {
    height: auto;
    padding: 5px;
}

.invalid{
    color:#ff0606;
}

.fresh{
    color:#b2b2b2;
}

#credits{
  font-style: italic;
  font-size:0.8em;
  margin-top:20px;
}

a:link {
    text-decoration: underline;
    color:#ffffff;
}

a:visited {
    text-decoration: underline;
    color:#ffffff;
}

a:hover {
    text-decoration: underline;
    color:#000000;
}

a:active {
    text-decoration: underline;
    color:#000000;
}

#SupportedBrowsers:hover {
  color:#ffffff;
}