*,
*::after,
*::before {
	box-sizing: border-box;
}

/* https://vegaprotocol.github.io/alpha-lyrae/ */

@font-face {
	font-family: 'AlphaLyrae';
	src: url('../src/assets/fonts/AlphaLyrae-Medium.woff2') format('woff2'),
	url('../src/assets/fonts/AlphaLyrae-Medium.woff') format('woff');
	font-style: normal;
}

@font-feature-values 'AlphaLyrae' { 
  @styleset { ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5 } 
}

@supports(font-variant-alternates: styleset(ss02)) {
	.show-if-variant-alternates-supported {
	  color: #f00;
	}
  
	.hide-if-variant-alternates-supported {
	  display: none;
	} 
  
	.show-if-no-variant-alternates-supported {
	  display: none;
	}
  }
  
  @supports not (font-variant-alternates: styleset(ss02)) {
	.hide-if-no-variant-alternates-support {
	  display: none;
	}
  
	.show-if-no-variant-alternates-supported {
	  color: #f00;
	}
  
  }
  
  .ss01 {
	font-variant-alternates: styleset(ss01);
  }
  
  .ss02 {
	font-variant-alternates: styleset(ss02);
  }
  
  .ss03 {
	font-variant-alternates: styleset(ss03);
  }
  
  .ss04 {
	font-variant-alternates: styleset(ss04);
  }
  
  .ss05 {
	font-variant-alternates: styleset(ss05);
  }
  
:root {
	font-size: 13px;
	--color-text: #fff;
	--color-bg: #000;
	--color-link: #fff;
	--color-link-hover: #fff;
	--img-width: 190px;
	--img-ratio: 1.1;
	--img-offset-x: 20px;
	--img-offset-y: 20px;
	--img-border-radius: 7px;
	--color-bg-content: rgba(255,255,255,0.05);
	--color-bg-demos: rgba(255,255,255,0.05);
}

body {
	margin: 0;
	color: var(--color-text);
	background-color: var(--color-bg);
	font-family: 'AlphaLyrae', sans-serif;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-height: 100vh;
	/* mobile viewport bug fix */
	min-height: -webkit-fill-available;
}

html {
	height: -webkit-fill-available;
}

my-element{
	width:100%;
	height:100%;
}