html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

* {
    box-sizing: border-box;
}

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

@font-face {
    font-family: 'Optimistic Display';
    font-style: normal;
    font-weight: 200;
    src: url(fonts/UwoTM2u9U6b.woff2) format('woff2'), url(fonts/gPbYr2isoMn.woff) format('woff'), url(fonts/ujL96beZ5NX.eot) format('embedded-opentype')
}

@font-face {
    font-family: 'Optimistic Text';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/G4CvqQXT71s.woff2) format('woff2'), url(fonts/3nJF2AW_2KI.woff) format('woff'), url(fonts/lOCZ6cH-l95.eot) format('embedded-opentype')
}

@font-face {
    font-family: 'Optimistic Display';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/gJ8wmjmQhMa.woff2) format('woff2'), url(fonts/6EsmO4OOkIi.woff) format('woff'), url(fonts/d8NpUU2wnvQ.eot) format('embedded-opentype')
}

@font-face {
    font-family: 'Optimistic Text';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/6YirsaXqsap.woff2) format('woff2'), url(fonts/A8MP726Y7RW.woff) format('woff'), url(fonts/nqnBBWt1cQ8.eot) format('embedded-opentype')
}

@font-face {
    font-family: 'Optimistic Display';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/jfwoHaS3i0K.woff2) format('woff2'), url(fonts/fTvKFwGz9bf.woff) format('woff'), url(fonts/J1XKtFquvMN.eot) format('embedded-opentype')
}

@font-face {
    font-family: 'Optimistic Text';
    font-style: normal;
    font-weight: 500;
    src: url(fonts/ndhgOwkNmDs.woff2) format('woff2'), url(fonts/g6ncoEztC_N.woff) format('woff'), url(fonts/phfAjnBQdX6.eot) format('embedded-opentype')
}

@font-face {
    font-family: 'Optimistic Display';
    font-style: normal;
    font-weight: 500;
    src: url(fonts/n0aIRIy9q6Y.woff2) format('woff2'), url(fonts/ZdS7UjU8lD8.woff) format('woff')
}

@font-face {
    font-family: 'Optimistic Text';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/WF8VhTuShVE.woff2) format('woff2'), url(fonts/Oe0HWHR8zW7.woff) format('woff'), url(fonts/GWRXKV3XeMW.eot) format('embedded-opentype')
}

@font-face {
    font-family: 'Optimistic Display';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/WXBYOaYZuYu.woff2) format('woff2'), url(fonts/uFQSckMfvjy.woff) format('woff'), url(fonts/EvBN2KAyST_.eot) format('embedded-opentype')
}

@font-face {
    font-family: 'Optimistic Display';
    font-style: normal;
    font-weight: 800;
    src: url(fonts/0wcuDYQ2laN.woff2) format('woff2'), url(fonts/R-4r2OtBGX6.woff) format('woff'), url(fonts/mrQd_YHOZRF.eot) format('embedded-opentype')
}

@font-face {
    font-family: 'Optimistic Text';
    font-style: normal;
    font-weight: 800;
    src: url(fonts/_IxD8PqgShI.woff2) format('woff2'), url(fonts/XSfIGfuYAms.woff) format('woff')
}

:root {
    --font-website: 'Optimistic Display', Helvetica, Arial, sans-serif;
    --color-text: #000;
    --color-border-hover-anchor: #dedede;
    --color-site: #0965fe;
    --color-btn: #00060c;
    --color-border: rgb(222, 222, 222);
    --color-line-vertical: #727272;
    --color-text-2: #20262e;
    --color-focus-input: #73c0ed;
    --color-btn-2: #00060c;
    --color-bg-search: #f5f6f7;
}

b, strong {
    font-weight: 700;
}
  
body {
    padding: 0;
    margin: 0;
    font-family: var(--font-website);
    color: var(--color-text);
    font-size: 1rem;
    position: relative;
}
textarea, input {
    font-family: var(--font-website);
    color: var(--color-text);
}
i {
    font-style: italic;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
.--f {
    display: flex;
    flex-wrap: wrap;
}

.--fw {
    width: 100%;
}

.--if {
    display: inline-flex;
    flex-wrap: wrap;
}

.--a-c {
    align-items: center;
}

.--j-s-b {
    justify-content: space-between;
}
.--j-s-a {
    justify-content: space-around;
}
.--j-c-c {
    justify-content: center;
}
.--lh-0 {
    line-height: 0;
}
.container {
    max-width: 1280px;
    width: 100%;
    margin: auto;
    padding: 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
.container-small {
    max-width: 960px;
    width: 100%;
    margin: auto;
    padding: 0 16px;
}
#main div div {
    line-height: 0;
}
#main div div svg {
    width: 550px;
    max-width: 100%;
    margin: auto;
    display: block;
}
#main div div img {
    margin: auto;
    display: block;
    margin-bottom: 10px;
}