@font-face {
    font-family: Mega-Bold; /* Имя шрифта */
    src: url('fonts/Mega-Bold.ttf'); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: Gotham-Reg; /* Имя шрифта */
    src: url('fonts/Gotham-Reg.otf'); /* Путь к файлу со шрифтом */
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    border: 0;
    /*font-family: inherit;*/
    font-family: Gotham-Reg;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body
{
    height: 100vh;
    overflow: hidden;
}
h1
{
    font-size: 2.4em;
}
h2
{
    font-size: 2em;
}
h3
{
    font-size: 1.6em;
}
p,span
{
    font-size: 1.4em;
}
section
{
    transition: all .5s;
    bottom: -300vh;
    opacity: 0;
    height: 100vh;
    width: 100vw;
    position: absolute;
}
section.confirmed
{
    bottom: 300vh;
}
section.active
{
    opacity: 1;
    bottom: 0;
    position: relative;
    display: flex;
    text-align: center;
    align-items: center;

}
h1.main, h2.main
{
    font-family: Mega-Bold;
    font-size: 3.2em;
    color: blueviolet;
    text-transform: uppercase;
}
img
{
    max-width: 100%;
}
.img-holder
{
    display: flex;
    align-items: center;
}
.info-window
{
    background: #e6cbff;
    color: #5d5d5d;
    border: 2px dashed #fff;
    padding: 1rem;
    margin: 2rem 0;
}
.info-window h3
{
}
.info-window span
{
    font-size: 1.2em;
    margin-top: 1rem;
    display: inline-block;
}
.email-form input[type="email"]
{
    padding: .5rem;
    font-size: 1.6em;
    min-width: 30rem;
    text-align: center;
}
.email-input-holder
{
    padding: 1rem 0 2rem;
    margin-bottom: 1rem;
    position: relative;
}
.email-input-holder:after
{
    content: "";
    position: absolute;
    left: 40%;
    bottom: .2rem;
}
.start-btn
{
    font-size: 1.8em;
    background-color: #38a1fd;
    font-family: Mega-Bold;
    color: #fff;
    padding: 1.2rem;
    min-width: 15rem;
}
.buttons
{
    margin-top: 2rem;
}
.wrong input
{
    border: 2px solid red;
}
.good input
{
    border: 2px solid green;
}
.wrong::after
{
    content: "This data is incorrect";
    color:red;
}
.radio-input-holder label
{
    display: flex;
    justify-content: space-between;
    font-size: 1.6em;
    max-width: 20rem;
    align-items: center;
    margin: auto;
}
.tab
{
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    transition: all .5s;
    z-index: -1;
    max-height: 57vh;
    overflow-y: scroll;
}
.tab.active-tab
{
    position:relative;
    opacity: 1;
    z-index: 2;

}
.tabs-holder
{
    height: 60vh;
}
.finish
{
    background: red;
}
.single-question
{
    display: flex;
    align-items: center;
}
.single-question input
{
   margin-right: 1rem;
}
.single-question label
{
    font-size: 1.4em;
    text-align:left
}
.non-visible, .hidden-check
{
    display: none;
}
#here_result {
    overflow-y: scroll;
    max-height: 75vh;
    font-size: medium;
}
table td, table th
{
    padding: 1rem;
}