@font-face {
    font-family: "PayPal Light";
    src: url('../font/PayPal-Sans/PayPalSansBig-Light-Klim.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: "PayPal Title";
    src: url('../font/PayPal-Sans/others/PayPal\ Sans\ Italic\ Bold.ttf') format('truetype');
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'PayPal Light', sans-serif;
    user-select: none;
}
body {
    width: 100%;
    min-height: 100svh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background-color: #ffc439;
    padding: 30px;
    border-radius: 20px;
    color: white;
    animation: comescreen 0.8s ease-in-out forwards;
    scale: 0;
    opacity: 0;
    transform: translateY(300px);
    transition: 0.3s;
}
@keyframes comescreen {
    100% {
        opacity: 1;
        scale: 1.1;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
        transform: translateY(-20px);
    }
}
.container:hover {
    background-color: #ffd139;
}
.container h1 * {
    font-family: 'PayPal Title', sans-serif;
}
.container h1 g:first-child {
    color: #003087;
}
.container h1 g:last-child {
    color: #009CDE;
}
.container p {
    font-size: 1.2rem;
}
.container .details {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.container .btn {
    background-color: #2dc441;
    color: white;
    text-decoration: none;
    font-size: 1.5rem;
    padding: 10px 18px;
    border-radius: 100px;
    transition: 0.3s;
    margin-top: 10px;
}
.container .btn:hover {
    background-color: #1BD741;
}
.container .btn:active {
    scale: 0.95;
}