@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:400');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Code+Latin:wght@100..700&family=Rubik+Mono+One&display=swap');

html {font-size: 100%;} /*16px*/

body {
    background: #ecf0f1;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 400;
    line-height: 1.75;
    color: #2c3e50;
}

p {margin-bottom: 1rem;}

.title {
	font-family: "M PLUS Code Latin", monospace;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
	font-size: 17rem;
}

h1, h2, h3, h4, h5 {
    margin: 3rem 0 1.38rem;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 400;
    line-height: 1.3;
}

h1 {
    margin-top: 0;
    font-size: 3.052rem;
}

h2 {font-size: 2.441rem;}

h3 {font-size: 1.953rem;}

h4 {font-size: 1.563rem;}

h5 {font-size: 1.25rem;}

small, .text_small {font-size: 0.8rem;}