main {
            max-width: 50vmax;
            margin: auto;
            margin-top: 10vh;
        }

        h1 {
            font-weight: 100;
            font-size: 2.5rem;
            margin-bottom: 2rem;
        }

        .marble-scene {
            position: relative;
            width: 100%;
            height: 180px;
            margin-bottom: 5rem;
        }

        .ellipse-target {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .orbit-point {
            position: absolute;
        }

        .orbit-point svg {
            display: block;
        }

        .m14 { top: 48px;  left: 2%;  animation: slide-r  8s ease-in-out infinite; }
        .m15 { top: 52px;  left: 62%; animation: slide-l  10s ease-in-out infinite; animation-delay: -4s; }
        .m16 { top: 100px; left: 18%; animation: slide-r  13s ease-in-out infinite; animation-delay: -6s; }
        .m17 { top: 42px;  left: 42%; animation: slide-l  9s ease-in-out infinite;  animation-delay: -2s; }

        @keyframes slide-r {
            0%, 100% { transform: translateX(0)    scale(1); }
            50%       { transform: translateX(85px) scale(0.72); }
        }

        @keyframes slide-l {
            0%, 100% { transform: translateX(0)     scale(1); }
            50%       { transform: translateX(-75px) scale(0.78); }
        }

        p {
            font-size: 1.05rem;
            margin: 50px 0;
        }