body {
    font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace;
    background-color: #282a36;
    color: #f8f8f2;
    padding: 0;
    margin: 0;
}

p {
    color: #6272a4;
}

p.card-text {
    white-space: pre-wrap;
}
#welcome-section {
    padding: 40vh 0;
    min-height: 60vh;
}
nav {
    background: rgba(68, 71, 90, 0.25);
}
.navbar-light .navbar-nav .nav-link, .navbar-light navbar-toggler {
    color: #8be9fd;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light navbar-toggler:hover {
    color: #f8f8f2;
    text-decoration: none;
}
a, a:active, a:hover, a:visited {
    color: #8be9fd;
}
a:hover, a:active:hover, a:hover:hover, a:visited:hover {
    color: #f8f8f2;
    text-decoration: none;
}
.card {
    background: rgba(68, 71, 90, 0.25);
    background: #282a36;
    border: rgba(68, 71, 90, 0.25) 2px solid;
}
.card:hover {
    background: rgba(68, 71, 90, 0.25);
}
.list-group .list-group-flush .list-group-item {
    background: #282a36;
}
.btn-primary {
    color: #8be9fd;
    background: #282a36;
    border: rgba(68, 71, 90, 0.25) 2px solid;
}
.btn-primary:hover {
    background: rgba(68, 71, 90, 0.25);
}
.btn-primary:hover {
    background: #282a36;
    border: rgba(68, 71, 90, 0.25) 2px solid;
}
.btn-primary:hover:hover {
    background: rgba(68, 71, 90, 0.25);
}