@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:root {
	--container-max-width: 1440px;
	--color-primary: rgb(104, 89, 200);
	--color-black: rgb(0, 0, 0);
	--color-white: rgb(255, 255, 255);
	--color-grey: rgb(200, 200, 200);
	--color-grey-light: rgb(250, 250, 250);
	--color-dialogit-light-blue: rgb(142, 220, 242);

	--color-additional-1: rgb(245, 200, 175);
	--color-additional-2: rgb(174, 231, 242);
	--color-additional-3: rgb(241, 190, 221);
	--color-additional-4: rgb(174, 155, 253);

	--font-family-body: 'Inter', sans-serif;
	--font-family-heading: 'Inter Tight', sans-serif;

	--content-padding: 6vw;
	--content-gap: 3vw;
	--border-weight: 1.5px;
	--border-color: var(--color-black);
	--border-color-dotted: rgba(0, 0, 0, .4);
}

:focus {
	outline: 3px solid var(--color-primary);
}
:focus:not(:focus-visible) {
	outline: none;
}
:focus-visible {
}

::selection {
	color: var(--color-white);
	background: var(--color-black);
}

body {
	font-family: var(--font-family-body);
	font-weight: normal;
	font-size: 20px;
	line-height: 1em;
	padding: var(--content-gap);
}

body,
html {
	background-color: var(--color-white);
	color: var(--color-black);
	position: relative;
}

a {
	text-decoration: none;
	color: inherit;
}

p a,
ul a,
ol a
{
	border-bottom: 1px solid var(--color-black);
}
p a:hover,
ul a:hover,
ol a:hover
{
	background-color: var(--color-additional-2);
}

h1,
h2,
h3,
h4,
h5 {
	font-family: var(--font-family-heading);
	font-weight: 400;
	font-size: 3em;
	line-height: 1.1em;
	margin-bottom: var(--content-gap);
}
p
{
	line-height: 1.4em;
	margin-bottom: var(--content-gap);
}

img,
iframe {
	display: block;
}

.article-image img {
    max-width: 100%;
    height: auto;
}
.article-image.margins {
    margin-top: var(--content-gap);
	margin-bottom: var(--content-gap) !important;
}

strong {
	font-weight: 800;
}

.transition
{
	transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/*
	responsive
*/

@media only screen and (min-width: 961px) {
	:root {
		--content-padding: 60px;
		--content-gap: 30px;
	}
}

@media only screen and (max-width: 640px) {
	:root {
		--content-gap: 20px;
	}
	body {
		font-size: 1em;
	}
	h1,
	h2,
	h3,
	h4,
	h5 {
		font-size: 2em;
		line-height: 1.1em;
	}
}

@media only screen and (max-height: 768px) and (min-width: 640px)
{
	:root {
		--content-padding: 40px;
		--content-gap: 20px;
	}
}