* {
    border: none !important;
}

:focus {
    outline: none !important;
    box-shadow: none !important;
}

body {
    color: #ffffff;
    min-height: 100vh;
    background-color: #36393f;
    font-family: 'Roboto', sans-serif;
}

.container {
    width: 800px;
    max-width: 100%;
    min-height: 400px;
    background-color: #2c2f33;
}

.header {
    font-size: 50px;
    color: #7289da;
    letter-spacing: 2px;
}

.output {
    color: #7289da;
    font-family: monospace;
    background-color: #202225;
}

.dropdown-menu {
    background-color: #40444b;
}

.dropdown-item.active {
    background-color: #7289da;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #7289da;
}

.form-control {
    color: #ffffff;
    background-color: #40444b;
}

.form-control:focus {
    color: #ffffff;
    background-color: #40444b;
}

.btn-primary {
    background-color: #7289da;
}

.btn-primary:hover {
    background-color: #677bc4;
}

.btn-secondary {
    background-color: #40444b;
}

.btn-secondary:hover {
    background-color: #40444b;
}

.btn.show,
.btn.active,
.btn:first-child:active,
.btn-check:checked+.btn,
:not(.btn-check)+.btn:active {
    background-color: #40444b;
}