body {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

h1,
h2,
h3,
.title-text {
  font-family: "Oswald", sans-serif;
  letter-spacing: 10px;
}

.text {
  padding: 20px;
}

p,
a {
  font-family: "Montserrat", sans-serif;
}

h3 {
  color: rgb(17, 65, 110);
}

@media (max-width: 616px) {
  .wallpaper h1 {
    font-size: 3em;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 486px) {
  .wallpaper h1 {
    font-size: 2em;
    text-align: center;
    border: 3px solid #fff;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 486px) {
  .wallpaper h1 {
    font-size: 2em;
    text-align: center;
    border: 2px solid #fff;
  }
}

@media (max-width: 375px) {
  .title-text {
    font-size: 12px;
  }
}

@media (max-width: 610px) {
  .container-about .nav-bar {
    margin-top: -10%;
  }
}