body {
	background: black;
	color: white;
	font-family: 'castellarregular';
}

a {
	color: rgb(99, 208, 250);
}

.content {
  max-width: 960px;
  margin: auto;
}
 
 .mol-button::part(base) {
    background: rgb(99,208,250);
  }

  .mol-button::part(base):hover {
    background: black;
  }  

  .mol-button::part(base):active {
    background: white;
  }    

  .mol-button::part(label) {
    color: black;
  }

  .mol-button::part(label):hover {
    color: rgb(99,208,250);
  }
  
  .success {
  	color: rgb(99,208,250);
  }
  
  .failed {
  	color: red;
  }


@font-face {
    font-family: 'castellarregular';
    src: url('castelar-webfont.woff2') format('woff2'),
         url('castelar-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}