body {
    font-family: 'Inter Tight', sans-serif;
}

h1 {
    font-weight: 700;
}

.btn-primary, .btn-primary:hover, .btn-primary:active:focus {
    background-color: #FF4901;
    border-color: #FF4901;
}

.btn-primary:focus {
    background-color: #FFF;
    color: #000;
}

/* Style for required fields that are invalid after user interaction */
.form-control:user-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

#toggle_theme {
    cursor: pointer;
}

@media (min-width: 768px) {
    .container{
        max-width: 720px;
    }
}

.bg {
    background-image: url("bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.bg-light {
    background-image: url("bg-light.jpg");
}

.bg-dark {
    background-image: url("bg-dark.jpg");
}