/* styles.css */
body {
    font-family: Arial, sans-serif;
    background-color: #ffffff;
}

.success-container {
    width: 80%;
    margin: 40px auto;
    text-align: center;
}

.success-icon {
    width: 100px;
    height: 100px;
    margin: 20px auto;
    animation: spin 2s linear infinite;
}

.success-icon svg {
    width: 100%;
    height: 100%;
}

.success-icon circle {
    stroke-dasharray: 250;
    stroke-dashoffset: 250;
    animation: draw 2s linear forwards;
}

.success-icon path {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: draw 2s linear forwards 2s;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes draw {
    0% {
        stroke-dashoffset: 250;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

h1 {
    font-size: 36px;
    margin-bottom: 10px;
}

p {
    font-size: 18px;
    margin-bottom: 20px;
}