/* Add your custom styles here */
body {
background-color: #230063;
font-family: "Chakra Petch", sans-serif;
font-weight: 300;
font-style: normal;
color:#ffffff;
}
.jumbotron {
background-color: #3a00a5;
color: #fff;
}

.postbox {
padding:20px;
margin:20px 0;
background-color: rgba(255,255,255,.1);
}
.footer {
background-color: #1a004a;
}
.navbar-dark {
background-color: #1a004a;
}
form {
margin: 1rem;
display:block;
}
div.form-group {
padding:.2rem;
margin:0;
width:98%;
display: block;
vertical-align: text-top;
}
div.form-group-2col {
padding:.2rem;
margin:0;
width:49%;
display: inline-block;
vertical-align: text-top;
}
.form-control {
margin:0;
padding:.3rem;
width:100%;
}
.alert-success {
padding:.5rem;
margin-top:1rem;
border-radius:5px;
background-color:#d8ffc8;
font-weight: normal;
color: #1d6600;
}
.alert-danger {
padding:.5rem;
margin-top:1rem;
border-radius:5px;
background-color:#e89c9c;
font-weight:normal;
color:#840000;
}
.close {
background-color:rgba(0,0,0,0);
border:rgba(0,0,0,0);
color:#222222;
float:right;
font-size:1.4em;
}
.button { 
  padding:5px 10px; 
  background-color: #5500f3;
  color:#ffffff;
  border:1px solid #3a00a5;
  border-radius: 2px;
}