* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    height: 100vh;
    overflow-y: hidden;
    padding: 0 10px;

}

@font-face {
    font-family: "Commissioner";
    src: url('Commissioner/Commissioner.woff2') format("woff2-variations"), url('Commissioner/Commissioner.ttf') format("truetype-variations");
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Brygada1918";
    src: url('Brygada1918/Brygada1918.woff2') format("woff2-variations"), url('Brygada1918/Brygada1918.ttf') format("truetype-variations");
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Brygada1918-Italic";
    src: url(Brygada1918/Brygada1918-Italic.woff2) format("woff2-variations"), url('Brygada1918/Brygada1918-Italic.ttf') format("truetype-variations");
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap
}

@font-face {
    
    font-family: 'Barnebok';
    src: url('barnebok/BarnebokLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    
}


@font-face {
    
    font-family: 'Barnebok';
    src: url('barnebok/BarnebokRegular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    
}

@font-face {
    font-family: 'Barnebok';
    src: url('barnebok/BarnebokMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barnebok';
    src: url('barnebok/BarnebokBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barnebok';
    src: url('barnebok/BarnebokBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}




.main-title,.main-title-en{
    font-family: 'Commissioner';
    font-weight: 700;
    font-size: 30px;
}
.main-title2,.main-title2-en{
    font-family: 'Commissioner';
    font-weight: 300;
    font-size: 25px;
}
.main-title3,.main-title3-en{
    font-family: 'Commissioner';
    font-weight: 300;
    font-size: 20px;
}
.sub-title,.sub-title-en{
    font-family: 'Commissioner';
    font-weight: 300;
    font-size: 25px;
}
.sub-title2,.sub-title2-en{
    font-family: 'Commissioner';
    font-weight: 300;
    font-size: 22px;
}
.main-desc,.main-desc-en{
    font-family: 'Commissioner';
    font-weight: 300;
    font-size: 19px;
    line-height: 1.2;
}
.main-desc,.main-desc-small{margin: 15px 0;}
.main-desc-small,.main-desc-en-small{
    font-family: 'Commissioner';
    font-weight: 300;
    font-size: 17px;
    line-height: 1.2;
}