body {
    margin: 0;
    height: 100vh;
    background: linear-gradient(to bottom, #87ceeb 0%, #87ceeb 60%, #fdf6c3 80%, #fdd9a0 100%);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sun {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, #fff700 40%, #ffcc00 70%, transparent 80%);
    border-radius: 50%;
    animation: pulse 4s infinite ease-in-out;
    box-shadow: 0 0 60px 20px rgba(255, 238, 0, 0.6);
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.25);
        opacity: 0.9;
    }
}