*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#ffc568;font-size:62.5%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.julia{position:absolute;top:-100px;width:100%;text-align:center;font-size:8rem;font-weight:450;color:#763c8c}.linear-wipe{text-align:center;background:linear-gradient(90deg,#763c8c 20%,#000 40%,#000 60%,#763c8c 80%);background-size:200% auto;color:#000;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 2s linear infinite}@keyframes shine{to{background-position:200%}}.container{width:50rem;height:20rem;position:relative}.svg-container{z-index:2;position:absolute}.mo-container{width:100%;height:100%}.line{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round;stroke-miterlimit:10}.lttr{fill:#763c8c}.sound{position:fixed;color:#763c8c;font-size:1.6rem;bottom:1rem;right:1rem;text-decoration:underline;cursor:default}.sound--off{text-decoration:line-through}