@font-face {
  font-family: firstFont;
  src: url('../../fonts/EuclidCircularA-Bold.ttf');
};

@font-face {
  font-family: secondFont;
  src: url('../../fonts/EuclidCircularA-BoldItalic.ttf');
};

@font-face {
  font-family: thirdFont;
  src: url('../../fonts/EuclidCircularA-Italic.ttf');
};

@font-face {
  font-family: fourthFont;
  src: url('../../fonts/EuclidCircularA-Light.ttf');
};


@font-face {
  font-family: fifthFont;
  src: url('../../fonts/EuclidCircularA-LightItalic.ttf');
};

@font-face {
  font-family: sixthFont;
  src: url('../../fonts/EuclidCircularA-Medium.ttf');
};

@font-face {
  font-family: seventhFont;
  src: url('../../fonts/EuclidCircularA-Regular.ttf');
};

@font-face {
  font-family: eighthFont;
  src: url('../../fonts/EuclidCircularA-SemiBold.ttf');
};

@font-face {
  font-family: ninthFont;
  src: url('../../fonts/EuclidCircularA-SemiBoldItalic.ttf');
};


*{
  padding:0;
  margin:0;
};

a{
  text-decoration: none;
  font-size: 0.8em;
};

li{
  list-style: none;
};


body{
  display:-webkit-box;
  -webkit-box-pack:center;
    
  display:-moz-box;
  -moz-box-pack:center;
    
  display:-o-box;
 -o-box-pack:center;

  display: -ms-flexbox;

  display: flex;


  width:100%;
  background: #ffffff;
  font-size: 20px;
  line-height: 1.8;
  color: #000;
  background-color: #fff;
};

html, body
{
  height: 100%;
  text-align: center;
  justify-content: center;
  font-family: thirdFont;
};

body, input, textarea, button, select {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
};