:root {
  --primary-color: #151f6d;
  --secondary-color: #fff;
  --gradient-one: #151f6d;
  --gradient-two: #151f6d;
}
@font-face {
  font-family: 'Rubik';
  src: url('Rubik-Bold.eot');
  src: url('Rubik-Bold.eot?#iefix') format('embedded-opentype'),
    url('Rubik-Bold.woff2') format('woff2'),
    url('Rubik-Bold.woff') format('woff'),
    url('Rubik-Bold.ttf') format('truetype'),
    url('Rubik-Bold.svg#Rubik-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('Rubik-Regular.eot');
  src: url('Rubik-Regular.eot?#iefix') format('embedded-opentype'),
    url('Rubik-Regular.woff2') format('woff2'),
    url('Rubik-Regular.woff') format('woff'),
    url('Rubik-Regular.ttf') format('truetype'),
    url('Rubik-Regular.svg#Rubik-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.hide {
  display: none !important;
}
body {
  background-color: transparent;
  background-image: url(../images/Untitled-1.png);
  background-size: cover;
  background-repeat: no-repeat;
}