@font-face {
	font-family: 'PT Root UI';
	src: url('PT%20Root%20UI_Light.eot');
	src:
	     url('PT%20Root%20UI_Light.eot?#iefix') format('embedded-opentype'),
	     url('PT%20Root%20UI_Light.woff2') format('woff2'),
	     url('PT%20Root%20UI_Light.woff') format('woff'),
	     url('PT%20Root%20UI_Light.ttf') format('truetype'),
	     url('PT%20Root%20UI_Light.svg#PTRootUIWeb-Light') format('svg');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'PT Root UI';
	src: url('PT%20Root%20UI_Regular.eot');
	src:
	     url('PT%20Root%20UI_Regular.eot?#iefix') format('embedded-opentype'),
	     url('PT%20Root%20UI_Regular.woff2') format('woff2'),
	     url('PT%20Root%20UI_Regular.woff') format('woff'),
	     url('PT%20Root%20UI_Regular.ttf') format('truetype'),
	     url('PT%20Root%20UI_Regular.svg#PTRootUIWeb-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'PT Root UI';
	src: url('PT%20Root%20UI_Medium.eot');
	src:
	     url('PT%20Root%20UI_Medium.eot?#iefix') format('embedded-opentype'),
	     url('PT%20Root%20UI_Medium.woff2') format('woff2'),
	     url('PT%20Root%20UI_Medium.woff') format('woff'),
	     url('PT%20Root%20UI_Medium.ttf') format('truetype'),
	     url('PT%20Root%20UI_Medium.svg#PTRootUIWeb-Medium') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'PT Root UI';
	src: url('PT%20Root%20UI_Bold.eot');
	src:
	     url('PT%20Root%20UI_Bold.eot?#iefix') format('embedded-opentype'),
	     url('PT%20Root%20UI_Bold.woff2') format('woff2'),
	     url('PT%20Root%20UI_Bold.woff') format('woff'),
	     url('PT%20Root%20UI_Bold.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

html {
    --background-color: #252525;
    --window-border-radius: 7px;
}

body {
    display: flex;
    flex-flow: column;
    align-items: center;

    font-family: 'PT Root UI', sans-serif;

    position: relative;
    margin: 0;

    width: 100%;
}

.background {
    position: absolute;
    z-index: -1;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: #252525;
}

.slides {
    display: flex;
    flex-flow: column nowrap;

    width: 100%;
    max-width: 1000px;
}

.slide {
    width: 100%;
}

.slide svg {
    height: max-content;
}

.slide_type_main {
    background: #ff4242;
}

.slide_type_about {
    background: #ffcf56;
}

.slide_type_audience {
    background: #42c6ff;
}

.slide_type_events {
    background: #47e172;
}

.slide_type_offers {
    background: #fff;
}

.footer {
    display: flex;
    flex-direction: column;
    align-content: center;

    padding: 40px 20px;

    background: #252525;
    color: #fff;

    text-align: center;
    font-size: 20px;
}

.footer__links {
    display: flex;
    flex-direction: row;
    justify-content: center;

    margin-top: 12px;
}

.footer__links a {
    color: white;
}

.footer__links a:hover {
    text-decoration: none;
}

.footer__links a + a {
    margin-left: 24px;
}
