@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

body{
  background: #222;
  background-size: cover;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.logo{
  max-width: 350px;
}

.title{
  font-weight: 800;
  font-size: 3.5rem;
  color: #00ec00;
}

.description{
  font-weight: 500;
  font-size: 1.2rem;
  color: #fff;
}

.download{
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: flex-start;
}

.info{
  margin-top: -5rem;
}

.download img:hover{
  transform: scale(1.1);
  cursor: pointer;
}

img {
  transition: .3s all ease-in-out;
  -drag: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media (max-width: 991px){
    .logo{
        max-width: 150px;
    }
    .title{
        font-size: 2.5rem;
    }
    .info{
        margin-top: 2rem;
    }
    .app{
        padding: 1.5rem 0 2rem;
    }
    .download{
        justify-content: space-between;
        gap: 1rem;
    }
}