@charset "utf-8";
/* CSS Document */

/*---------TOC-------------

1 DEFAULTS
2 RAW ELEMENTS
  2.1 HEADER
  2.2 FOOTER
  2.3
  2.4 
  2.5 numbered lists (publications)
  2.6 forms
3 CLASS DEFINITIONS
4 ID DEFINITIONS
  4.1 IMG DECLARATIONS
5 MODS
6 MEDIA QUERIES

--------------------------*/

/*---------- 1 DEFAULTS --------------*/

@font-face {
  font-family: 'opf';
  src: url('../font/Opificio_Bold_rounded.ttf');
}

@font-face {
  font-family: 'HankenBook';
  src: url('../font/hanken/Hanken-Book.ttf');
}

@font-face {
  font-family: 'RoundoRegular';
  src: url('../font/roundo/Roundo-Regular.otf');
}

@font-face {
  font-family: 'RoundoMedium';
  src: url('../font/roundo/Roundo-Medium.otf');
}

html * {
	padding: 0;
	margin: 0;

  /*CONSTANTS DECLARATION*/
  --main-text-color: black;
  --reverse-text-color: white;
  --main-blue: #3891ce;
  --header-color: #333;
  --button-color: #999;

  --main-bg-color: 255,255,255;
  --transparency-level: 0.6;
}

*, *:after, *:before {
	box-sizing: border-box;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 1.7vmin;
  line-height: 1.4;
  font-weight: 400;
  /*height: 100vh;*/
}