@font-face {
  font-family: Gilroy-ExtraBoldimport;
  src: url(../assets/Gilroy-ExtraBold.otf);
}
@font-face {
  font-family: Gilroy-Lightimport;
  src: url(../assets/Gilroy-Light.otf);
}

html {
  overflow-y: hidden;
}

.unselectable {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

#logo {
  width: 306px;
  padding-top: 6rem;
}
#bola {
  width: 100px;
}

#bg {
  font-family: Gilroy-Lightimport;
  background-color: #f5f5f5;
  background-image: url(../assets/bg.png);
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: -8.5rem 12rem;
  color: white;
  height: 100vh;
  width: 100vw;
}

h1 {
  font-family: Gilroy-ExtraBoldimport;
}

#bg-mobile {
  font-family: Gilroy-Lightimport;
  height: 100vh;
  background-image: url(../assets/mobile_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -13.2rem 12rem;
  color: white;
}
#logo-mobile {
  width: 300px;
  margin-top: 30px;
}
p {
  padding: 0 10px 0 10px;
}