.bg-dark {
    background-color: #404e67 !important;
    color: #dbdbdb !important;
}

.my-dark:focus {
    background-color: #404e67 !important;
    color: #dbdbdb !important;
}

.my-full-width {
    width: 100% !important;
}

.my-full-height {
    height: 100% !important;
}

.dropdown-dark .dropdown-menu {
    background-color: #404e67 !important;
    color: white !important;
}

.dropdown-dark .dropdown-menu .dropdown-item {
    background-color: #404e67 !important;
    color: white !important;
}

.dropdown-dark .dropdown-menu .dropdown-item:hover {
    background-color: white !important;
    color: black !important;
}

.my-container {
    margin-top: 20px
}

.my-navbar {
    background-color: #272d36;
    padding-top: 15px;
    padding-bottom: 15px
}

button:hover {
    background-color: #696969 !important;
    color: white !important;
}

.my-body {
    height: 90% !important;
}

.my-button {
    background-color: #dbdbdb !important;
}

.my-button:hover {
    background-color: #696969 !important;
    color: white !important;
}