/* General */
*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;

}

body{
	font-family: 'Inter',sans-serif;
    margin:0 auto;
    background-color: var(--bg);
    color: var(--text);
    overflow-x:hidden;
    max-width:100%;
}

.SvgIcon{
    display: inline-flex;
    align-self: center;
    height:1em;
    vertical-align:middle;
}
  
.SvgIcon svg{
    height:1em;
    width:1em;
    position: relative;
}

:root{
	--reduced-width: max(calc(100% - 300px),1100px);
    --global-width: 100%;

}


/* LINKS */

/* In Text */

a.TextLink{
	text-decoration: none;
	font-weight: bold;
	border-radius: 3px;
	padding:3px;

	display: flex;
	justify-content: center;
	align-items: center;
}

a:link.TextLink {
	color: var(--text);
}

a:visited.TextLink {
	color: var(--text);
}

a:hover.TextLink {
	color: var(--bg);
	background: var(--text);
}

a:active.TextLink {
	background: var(--text);
}

/* In Text (Subtle) */

a.SubtleTextLink{
	text-decoration: underline;
}

a:link.SubtleTextLink {
	color: var(--text);
}

a:visited.SubtleTextLink {
	color: var(--text);
}

a:hover.SubtleTextLink {
	color: var(--text-subtle);
}

a:active.SubtleTextLink {
	background: var(--text);
}

/* Light */

a.TitleLink{
	padding: 10px;
	text-decoration: none;
	height: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 3px;
	font-weight: normal;
}

a:link.TitleLink {
	color: var(--text);
}

a:visited.TitleLink {
	color: var(--text);
}

a:hover.TitleLink {
	background: var(--accent-5);
	cursor:pointer;
}

a:active.TitleLink {
	background: var(--accent-4);
}

/* FONTS */

/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/inter/files/inter-cyrillic-400-normal.woff) format('woff'); 
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  /* cyrillic-ext */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/inter/files/inter-cyrillic-ext-400-normal.woff) format('woff'); 
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  
  /* greek */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/inter/files/inter-greek-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/inter/files/inter-greek-400-normal.woff) format('woff'); 
    unicode-range: U+0370-03FF;
  }
  
  /* greek-ext */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/inter/files/inter-greek-ext-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/inter/files/inter-greek-ext-400-normal.woff) format('woff'); 
    unicode-range: U+1F00-1FFF;
  }
  
  /* latin */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/inter/files/inter-latin-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/inter/files/inter-latin-400-normal.woff) format('woff'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  /* latin-ext */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/inter/files/inter-latin-ext-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/inter/files/inter-latin-ext-400-normal.woff) format('woff'); 
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  /* vietnamese */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/inter/files/inter-vietnamese-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/inter/files/inter-vietnamese-400-normal.woff) format('woff'); 
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  
  /* cyrillic */
  @font-face {
    font-family: 'Fira Mono';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/fira-mono/files/fira-mono-cyrillic-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/fira-mono/files/fira-mono-cyrillic-400-normal.woff) format('woff'); 
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  /* cyrillic-ext */
  @font-face {
    font-family: 'Fira Mono';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/fira-mono/files/fira-mono-cyrillic-ext-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/fira-mono/files/fira-mono-cyrillic-ext-400-normal.woff) format('woff'); 
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  
  /* greek */
  @font-face {
    font-family: 'Fira Mono';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/fira-mono/files/fira-mono-greek-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/fira-mono/files/fira-mono-greek-400-normal.woff) format('woff'); 
    unicode-range: U+0370-03FF;
  }
  
  /* greek-ext */
  @font-face {
    font-family: 'Fira Mono';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/fira-mono/files/fira-mono-greek-ext-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/fira-mono/files/fira-mono-greek-ext-400-normal.woff) format('woff'); 
    unicode-range: U+1F00-1FFF;
  }
  
  /* latin */
  @font-face {
    font-family: 'Fira Mono';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/fira-mono/files/fira-mono-latin-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/fira-mono/files/fira-mono-latin-400-normal.woff) format('woff'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  /* latin-ext */
  @font-face {
    font-family: 'Fira Mono';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.bunny.net/fira-mono/files/fira-mono-latin-ext-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/fira-mono/files/fira-mono-latin-ext-400-normal.woff) format('woff'); 
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }