:root {
    --font-thin: 100;
    --font-ultralight: 200;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 600;
    --font-semibold: 600;
    --font-bold: 700;
    --font-ultrabold: 800;
    --font-black: 900;
}

@font-face {
  font-family: 'Deforma';
  src: url('../../Utilities/Fonts/Deforma.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html {
	font-family: "Deforma"
}

body {
    padding: 1vw;
}

h1 {
	font-weight: var(--font-bold);
	font-size: 2em;
}

h2 {
	font-weight: var(--font-semibold);
	font-size: 1.5em;
}

small {
    font-size: 0.5em;
}

a, a:visited {
  color: #0000ee;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

a:active {
  color: #ff0000;
}

b, strong {
  font-weight: var(--font-bold);
}

.center {
  text-align: center;
}

.other {
    display: contents;
}

.other *:not(.show) {
    display: none !important;
}