@import "./theme.css";

#circle {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    min-height: 100vh;
    width: 100%;
    background-color: var(--circle);
    
    mask-image: url(https://therason.github.io/circle.svg);
    mask-position: -50px -50px;
    mask-repeat: no-repeat;
    
    -webkit-mask-image: url(https://therason.github.io/circle.svg);
    -wekbit-mask-position: -50px -50px;
    -webkit-mask-repeat: no-repeat;
  }
  
  h1 {
    color: var(--text);
    text-align: center;
    font-size: clamp(5rem, 20vw, 14rem);
    pointer-events: none;
  }
  
  .hidden {
    color: var(--text-mask);
  }