.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: scale-down;
}

.contain-image {
    width: 100%;
    height: 15vw;
    object-fit: scale-down;
}

.contain-dall-e-image {
    width: 100%;
    height: 30vw;
    object-fit: scale-down;
}

.caps {
    text-transform: uppercase;
}

:root {
    --primary-color: #6400ff;
    --secondary-color: #437988;
    /*--background-color: #002439;*/
    --background-color: #ffffff;
    --accent-color: #78cce2;
    --neutral-color: #efeff0;
    --highlight-color: #ff007a;
}

body {
    background-color: var(--background-color);
    color: var(--neutral-color);
    font-family: "Oxygen", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.scan-modal {
    background-color: var(--secondary-color);
    color: var(--neutral-color);
}

.buy-modal {
    background-color: var(--secondary-color);
    color: var(--neutral-color);
}

.proof-modal {
    background-color: var(--primary-color);
    color: var(--neutral-color);
}

.modal-content {
    box-shadow: rgba(161, 233, 255, 0.8) 0 0 20px 1px;
    border-color: var(--neutral-color);
}

.nav-link {
    background-color: var(--secondary-color);
    color: var(--accent-color);
    text-transform: uppercase;
}

.nav-tabs .nav-link {
    border-color: var(--neutral-color);
}

.nav-tabs .nav-link.active {
    background-color: var(--primary-color);
    color: var(--accent-color);
}

.nav-link:hover {
    background-color: var(--highlight-color);
    color: var(--neutral-color);
}

h1 {
    font-family: "Orbitron", sans-serif;
    text-transform: uppercase;
    color: #333333;
}

h2 {
    font-family: "Orbitron", sans-serif;
    text-transform: uppercase;
    color: #333333;
}

h3 {
    font-family: "Orbitron", sans-serif;
    text-transform: uppercase;
    color: #333333;
}

.form-text {
    color: var(--neutral-color);
}

.alert {
    box-shadow: rgba(161, 233, 255, 0.8) 0 0 20px 1px;
    border-color: var(--neutral-color);
    color: var(--accent-color);
}

.alert-info {
    background-color: var(--secondary-color);
}

.alert-success {
    background-color: var(--primary-color);
}

.alert-danger {
    background-color: var(--highlight-color);
}

.alert-primary {
    background-color: var(--secondary-color);
}

a {
    color: var(--neutral-color);
}

.table {
    box-shadow: rgba(161, 233, 255, 0.8) 0 0 20px 1px;
    border-color: var(--neutral-color);
    font-family: "Orbitron", sans-serif;
    text-transform: uppercase;
}

.table th {
    background-color: var(--secondary-color);
    color: var(--neutral-color);
}

.table tr td {
    background-color: var(--primary-color);
    color: var(--neutral-color);
}

.console:disabled {
    font-family: monospace;
    background-color: black;
    color: lightgreen;
}

td.f50 {
    table-layout: fixed;
    width: 50%;
}

.shop-highlight {
    font-weight: bold;
    color: #152762;
}

.proof-highlight {
    font-weight: bold;
    color: #7d9bff;
}

.highlight {
    font-weight: bold;
    color: #ff007a;
}

.shop-btn {
    width: 100%;
    padding: 2vw;
    text-transform: uppercase;
    font-size: 1.5vw;
}

.half-shop-btn {
    width: 35%;
    padding: 2vw;
    text-transform: uppercase;
    font-size: 1.2vw;
}

.shop-number {
    font-size: 2.5vw;
}

.easy-table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3vw;
}

.main-title {
    color: #601f9e;
}