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

body {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,13,82,1) 100%);

}

html, body {
    font-family: 'Quicksand', sans-serif;   
    text-align: center;
    color: #fff;
}

.logo-title {
    font-family: 'Poiret One', cursive;
    color: #fff;
}

.btn-action {
    border-radius: 50px;
    border: 3px #fff solid;
    font-size: 1.5rem;
    padding: 0.5rem;
    width: 200px;
    font-weight: 500;
    color: #fff;
    background: #0a222c;
}

.btn-action-2 {
    border-radius: 50px;
    border: 1px #fff solid;
    font-size: 1rem;
    padding: 0.5rem;
    width: 100px;
    font-weight: 300;
    color: #fff;
    background: #0a222c;
}

.bg-dark {
    background: rgba(22, 22, 22, 0.8) !important;
}
.hero {
    height: 100vh;
}

.bg-indigo {
    background: #020415;
    border: 5px #fff solid;
    border-radius: 20px;
}

.f-2{
    font-size: 1.5rem;
}

.f-3{
    font-size: 2rem;
}

.text-blue {
    color: #7AEFFF;
}

.btn-subscribe{
    background: #7AEFFF;
    color: #000;
}

@media (max-width: 768px) {
    .md-100 {
      width:100% !important;
    }

    .md-75 {
        width:75% !important;
      }

    .f-2 {
        font-size: 1rem;
    }

    .f-3 {
        font-size: 1.5rem;
    }
  }