/* General */
body
{
    background-color: #343a40;
    font-family: "Poppins", sans-serif;
    text-align: center;
}

.fade
{
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.fade.in
{
    opacity: 1;
}

input.invalid
{
	border: 4px solid red;
}

/* Navbar */
.navbar-brand
{
    font-style: italic;
}

/* Top Content */
.top-content
{
    padding: 4em 0;
    background-color: #6c5ce7;
    font-style: italic;
    color: #fff;
}
 
.top-content h1
{
    margin-top: 0.5em;
}
 
.top-content .description
{
    margin: 1.5em 0 1.5em 0;
    opacity: 0.8;
}

/* Event Details Content */
.event-details-content
{
    padding: 4em 0 4em 0;
    background-color: #a29bfe;
    text-align: left;
    color: #000;
}

/* "Working..." Content */
.working-content
{
    padding: 4em 0 4em 0;
    font-style: italic;
    color: #888;
}

/* Success Content */
.success-content
{
    padding: 4em 0 4em 0;
    font-style: italic;
}

/* Error Content */
.error-content
{
    padding: 4em 0 4em 0;
    font-style: italic;
}

/* Footer */
footer
{
	padding: 3em 0 2em 0;
    background: #343a40;
    text-align: center;
	color: #888;
}

footer a
{
	color: #fff;
}