:root{
  --background: #0f0f0f;
}

* {
  margin:0;
  padding:0;
  outline:none;
  list-style:none;
  text-decoration:none;
  box-sizing:border-box;
  color:#FFF;
  background: transparent;
  border:none;
  font-family: "Poppins", sans-serif;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; 
}

header{
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
}

main {
  position: relative;
  z-index: 1;
  background: var(--background);
}

.transition-div {
  position: relative;
  z-index: 1;
  margin-top: -20vh;
  height: 40vh;
  background: linear-gradient(0deg, var(--background) 0%, rgba(15,15,15,0) 100%);
}

.content-wrapper-site{
  position: relative;
  z-index: 1;
  background: var(--background);
  padding: 100px 7.5vw;
}

.title{
  margin: auto;
  font-size: clamp(30px, 5vw, 60px);
}

.intro-text{
  margin: 10vh 0;
  font-size: 20px; 
  text-align: justify;
}

#bold {
  font-weight: bold;
}

@media screen and (max-width: 840px) and (min-width: 481px) {
  .intro-text {
    font-size: 18px;
  }
}

@media screen and (max-width: 480px) {
  .intro-text {
    font-size: 16px;
  }
}