body {
    margin: 0;

    main {
        width: 100%;
        height: 100dvh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #e0e5eb;
        --text-shadow: -4px -4px 6px rgba(255,255,255,0.4), 4px 4px 6px rgba(0,0,0,0.08);
        --link-shadow: -4px -4px 6px rgba(255,255,255,0.4), 4px 4px 6px rgba(0,0,0,0.08);
        
        #link {
          font-family: "Special Gothic Expanded One", sans-serif;
          font-weight: 400;
          font-style: normal;
          font-size: 24px;
          line-height: 1.1;
          /*text-transform: uppercase;*/
          /*color: #ececec;*/
          color: #c5cef6;
          text-shadow: var(--text-shadow);
          caret-color: #262626;
          outline: none;
          text-decoration: none;

          @media only screen and (min-width: 768px) {
            font-size: 40px;
          }

          @media only screen and (min-width: 1200px) {
            font-size: 50px;
          }
        }
    }
}