@font-face {
  font-family: 'Rubik';
  src: url('https://mono.imakashi.eu.org/overall/Rubik-VariableFont_wght.subset.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Rubik';
  src: url('https://mono.imakashi.eu.org/overall/Rubik-VariableFont_wght.subset.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Rubik';
  src: url('https://mono.imakashi.eu.org/overall/Rubik-VariableFont_wght.subset.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Rubik';
  src: url('https://mono.imakashi.eu.org/overall/Rubik-VariableFont_wght.subset.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

body{
  font-family: 'rubik';
  font-weight: normal;
}
h1{
  font-family: 'rubik';
  font-weight: 600;
  letter-spacing: -1px;
}
h2{
  font-family: 'rubik';
  font-weight: 600;
  letter-spacing: -1px;
}
h3{
  font-family: 'rubik';
  font-weight: 600;
  letter-spacing: -0.8px;
}
h4{
  font-family: 'rubik';
  font-weight: 600;
  letter-spacing: -0.8px;
}
p{
  font-family: 'rubik';
}
button{
  font-family: 'rubik';
}
input{
  font-family: 'rubik';
}
a{
  font-family: 'rubik';
}
b{
  font-weight: 600;  
}
strong{
  font-weight: 600;  
}

.font-black{
  font-weight: 800;
}
.font-thin{
  font-weight: 200;
}