@font-face {
  font-family: 'Ortica';
  src: url('../fonts/Ortica-Light.otf');
  font-style: normal;
}

        * {
            box-sizing: border-box;
        }

        html {
          font-family: 'Ortica';
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	flex-direction: column;
          color: white;
          font-size: 18vw;
          text-align: center;
          line-height: 80%;
          position: relative;
          z-index: 10000;
          height: 100%;
        }

        h1 {
          font-family: 'Ortica';
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	flex-direction: column;
          color: white;
          font-size: 18vw;
          text-align: center;
          line-height: 80%;
          position: relative;
          height: 100%;
        }

        canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            object-fit: cover;
            z-index: 1;
            pointer-events: none;
        }

        body {
            margin: 0;
            width: 100vw;
            overflow: hidden;
            background-color: black;
        }