@charset "utf-8";

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* https://gwfh.mranftl.com/fonts/urbanist?subsets=latin */
/* WOFF2: Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
/* TTF: Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

/* urbanist-regular - latin */
@font-face {
	font-display: swap; 
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/urbanist-v18-latin-regular.woff2') format('woff2'),
			 url('../fonts/urbanist-v18-latin-regular.ttf') format('truetype'); 
}

/* urbanist-italic - latin */
@font-face {
	font-display: swap; 
	font-family: 'Urbanist';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/urbanist-v18-latin-italic.woff2') format('woff2'),
			 url('../fonts/urbanist-v18-latin-italic.ttf') format('truetype'); 
}

/* urbanist-500 - latin - this should be used for semi-bold */
@font-face {
	font-display: swap; 
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/urbanist-v18-latin-500.woff2') format('woff2'),
			 url('../fonts/urbanist-v18-latin-500.ttf') format('truetype'); 
}

/* urbanist-500italic - latin - this should be used for semi-bold italic */
@font-face {
	font-display: swap; 
	font-family: 'Urbanist';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/urbanist-v18-latin-500italic.woff2') format('woff2'),
			 url('../fonts/urbanist-v18-latin-500italic.ttf') format('truetype'); 

}

/* urbanist-700 - latin - this is used for BOLD */
@font-face {
	font-display: swap; 
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/urbanist-v18-latin-700.woff2') format('woff2'),
			 url('../fonts/urbanist-v18-latin-700.ttf') format('truetype'); 
}

/* urbanist-700italic - latin - this is used for BOLD italic */
@font-face {
	font-display: swap; 
	font-family: 'Urbanist';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/urbanist-v18-latin-700italic.woff2') format('woff2'),
			 url('../fonts/urbanist-v18-latin-700italic.ttf') format('truetype'); 
}

@font-face {
	font-display: swap;
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/material-icons-v145-latin-regular.woff2') format('woff2');
}

/* material-symbols-outlined-regular - latin */
@font-face {
	font-display: swap;
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/material-symbols-outlined-v314-latin-regular.woff2') format('woff2');
}

/* https://developers.google.com/fonts/docs/material_symbols */
/*
https://fonts.google.com/icons?selected=Material+Symbols+Outlined:visibility:FILL@0;wght@0;GRAD@0;opsz@NaN&icon.size=24&icon.color=%231f1f1f&icon.set=Material+Symbols
*/
.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.monospaced {
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-variant-numeric: tabular-nums;
}

body {
	overflow: hidden scroll;
	background-color: white;
	color: #000;
	font-family: Urbanist;
}

p {
	line-height: 125%;
	font-size: var(--font-size);
}

ul {
	list-style-type: disc;
	line-height: 125%;
	font-size: var(--font-size);
}
