/* Custom styles for PayPal clone */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}
/* PayPal color scheme */
:root {
    --paypal-blue: #003087;
    --paypal-lightblue: #0070ba;
    --paypal-white: #ffffff;
}

.bg-paypal-blue {
    background-color: var(--paypal-blue);
}

.text-paypal-blue {
    color: var(--paypal-blue);
}

.bg-paypal-lightblue {
    background-color: var(--paypal-lightblue);
}
/* Splash screen animation */
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

#splash {
    animation: fadeOut 0.5s ease-out 1.5s forwards;
}

/* Custom PayPal logo styling */
svg {
    width: 100%;
    height: 100%;
}