/* normalizes behaviour between browsers*/
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/* Reset CSS*/
*,::after,::before{box-sizing:border-box}a,button{cursor:revert}menu,ol{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}

/* Margin and padding */
.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-7{margin-left:1.75rem}.ml-8{margin-left:2rem}.ml-9{margin-left:2.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}.mr-7{margin-right:1.75rem}.mr-8{margin-right:2rem}.mr-9{margin-right:2.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pr-10{padding-right:2.5rem}.pr-11{padding-right:2.75rem}.pr-12{padding-right:3rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-9{padding-top:2.25rem}.pt-10{padding-top:2.5rem}.pt-11{padding-top:2.75rem}.pt-12{padding-top:3rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pb-10{padding-bottom:2.5rem}.pb-11{padding-bottom:2.75rem}.pb-12{padding-bottom:3rem}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* GENERAL BEHAVIOUR */
:root{	
	scroll-behavior:smooth;
}
/* COLORS */
:root{	
	--color-primary: #3b82f6;
	--color-primary-light: #93c5fd;
	--color-primary-dark: #2563eb;

	--color-secondary: #facc15;
	--color-success: #22c55e;
	--color-green: #10b981;
	--color-failure: #e56868;
	--color-failure-bright: #ef4444;
	--color-bg-main: #111318;

	--color-line: #e5e7eb;

	--color-text: #374151;
	--color-text-light: #f7f7f7;
	--color-text-disabled: #4f4f4f;
	
	--border-radius: 8px;
	--box-shadow: 1px 2px 2px #93c5fd55, 2px 4px 4px #93c5fd55, 3px 6px 6px #93c5fd55;
	--box-shadow-dark: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	--box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* GENERAL */
body,html{
	font-family: "Mulish", sans-serif;
	letter-spacing: 0.7px;
	max-width:100%;
	min-height:100vh;
	overflow-x:hidden;
	margin:0;
	padding:0;
	color: var(--color-text-light);
	background: var(--color-bg-main);
}
ol {
	list-style-type: decimal;
}
ol li {
	font-weight: normal; 
	margin-bottom: 0.5rem;
}

ol li::marker {
	font-weight: bold;
}
a{
	text-decoration: none;
	color: var(--color-primary-light);
}

/* TEXT AND FONTS */
h1, h2, h3, h4{
	margin: 0;
}
h1{
	font-family: 'Mulish',sans-serif;
	font-size: clamp(2rem, 5vw, 3.75rem);
	font-weight: 700;   
	line-height: 1.2em;
	letter-spacing: 0.5px;
}
.h1-svg svg{
	width: clamp(2rem, 7vw, 3.75rem);
	height: clamp(2rem, 7vw, 3.75rem);
}
h2{
	font-family: 'Mulish',sans-serif;
	font-size: clamp(1.75rem, 4vw, 3rem);
	font-weight: 700;   
	line-height: 1.2em;
	letter-spacing: 1px;
}
h3{
	font-size: 40px;
	font-weight: 400;
	line-height: 48px;
}
h4{
	font-family: 'Mulish',sans-serif;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: 700;
	letter-spacing: 1px;    
}
.large, .medium, .small{
	max-width: 900px;
}
.large{
	font-size: 1.1rem;
	line-height: 32px;
}
.medium{
	font-size: 1rem;
	line-height: 24px;
}
.small{
	font-size: 0.9rem;
	line-height: 22px;
}
.primary-color{
	color: var(--color-primary);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Main page wrapper */
.page-content-wrapper{
	background: var(--color-bg-main);
	width: 100vw;
	min-height: 100vh;
}
.page-wrapper{
	width: 1300px;
	max-width: 95vw;
	margin: auto;
	padding: 1rem 0;
}

/* GENERAL OTHER THINGS */
.own-link{text-decoration:none;color: var(--color-primary-light);font-weight:700;cursor:pointer}
.primary-color{color: var(--color-primary);}
.primary-color-light{color: var(--color-primary-light);}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */