@import url("./button.css");
@import url("./navbar.css");
@import url("./footer.css");
@import url("./up.css");

@font-face {
  font-family: "GilroyLight";
  src: url("../fonts/Gilroy-Light.otf") format("opentype");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: "GilroyExtraBold";
  src: url("../fonts/Gilroy-ExtraBold.otf") format("opentype");
  font-weight: bolder;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #383D59;
  overflow-x: hidden;
}

* {
  color: #fff;
  letter-spacing: 0px;
}

.title {
  font-family: "GilroyExtraBold";
  font-size: 2.9rem;
}

.secondary-title {
  font-family: "GilroyExtraBold";
  font-size: 1.5rem;
}

p {
  font-family: "GilroyLight";
  font-size: 1rem;
}

.nav-item {
  font-family: "GilroyExtraBold";
  font-size: 1rem;
}

.bold {
  font-family: "GilroyExtraBold";
}

.primary {
  color: #383d59;
}

section {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}