.circle {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        border: 2px solid black;
        background: radial-gradient(circle, rgba(110, 251, 63, 1) 0%, rgba(252, 70, 249, 1) 100%);
        margin: 10px;
        transform: translatex(10px);
        transition: all 0.5s ease-in-out; 
        }
        .circle p{
            opacity: 0;
        }
        .move-me {
            background: rgb(0, 5, 143);
            transform: scale(2) translateX(200px) ;
            box-shadow: 10px 10px 20px rgba(0,0,0,0.4);
        }
        hr {
            margin: 30px;
        }
        .move-me p {
            opacity: 1;
            text-align: center;
            padding-top: 60px;
            font-size: 24px;
            font-weight: bold;
            color: white;
        }