@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --darkest: #1E1E50;
    --dark: #3C3091;
    --bright: #f14c24;
    --grey: #E4E8EF;
    --white: #FFFFFF;
}

body {
    background-color: var(--darkest);
    color: var(--white);
    font-family: "Poppins", sans-serif;
}

#menu, #footer {
    background-color: var(--darkest);
    color: var(--white);
}

#logo { 
  max-height: 40px;
}

#welcome, #persona {
    background-color: var(--dark);
    border-radius: 12px;
}

#subWrapper {
    background: var(--white);
    border-radius: 12px;
}

#formWrapper {
    /*
    background-color: white;
    */
    text-align: center;
}

#footer a, #footer a:hover, #footer a:visited{
    color: var(--white) !important;
    font-weight: bold;
    text-decoration: none;
}

.btn-primary {
    background-color: var(--white);
    color: var(--dark)
}

a .card {
    cursor: pointer;
}

.card, .card-body {
    border-radius: 10px;
}
.card.bg-success, .card.bg-question {
    background-color: var(--grey) !important;
    color: var(--darkest) !important;
}
.card.bg-info, .card-body.bg-info {
    background-color: var(--dark) !important;
    color: var(--white) !important;
}
.card.bg-warning, .card-body.bg-warning {
    background-color: var(--bright) !important;
    color: var(--white) !important;
}

.question_repeater {
    margin-bottom: 0px;
}

.card-footer small {
    font-size: 0.5rem;
}

/* Animations */
/* Continuous 360-degree spin */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
  
  .animate-spin {
    animation: spin 3s linear infinite;
  }
  
  /* Smooth scale pulse */
  @keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.08); opacity: 0.85; }
    100% { transform: scale(1); opacity: 1; }
  }
  
  .animate-pulse {
    animation: pulse 1.8s ease-in-out infinite;
  }