:root{
  --white-color: #fff;
  --black-color: #000;
  --background-color: #fff;
}

@font-face {
  font-family: 'UaBold';
  src: url('../fonts/e-Ukraine-Bold.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaLight';
  src: url('../fonts/e-Ukraine-Light.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaMedium';
  src: url('../fonts/e-Ukraine-Medium.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaRegular';
  src: url('../fonts/e-Ukraine-Regular.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaThin';
  src: url('../fonts/e-Ukraine-Thin.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaUltraLight';
  src: url('../fonts/e-Ukraine-UltraLight.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaHeadBold';
  src: url('../fonts/e-UkraineHead-Bold.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaHeadLight';
  src: url('../fonts/e-UkraineHead-Light.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaHeadLogo';
  src: url('../fonts/e-UkraineHead-LOGO.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaHeadMedium';
  src: url('../fonts/e-UkraineHead-Medium.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaHeadRegular';
  src: url('../fonts/e-UkraineHead-Regular.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaHeadThin';
  src: url('../fonts/e-UkraineHead-Thin.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UaHeadUltraLight';
  src: url('../fonts/e-UkraineHead-UltraLight.otf');
  font-weight: normal;
  font-style: normal;
}

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

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

a{
  text-decoration: none;
}

ul,
li{
  list-style-type: none;
  list-style: none;
}