@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap");

body {
  font-family: "Poppins", sans-serif !important;
}

.content {
    padding: 10% 25%;
}

.step-one{
    text-align: center;
}

.button-1{
    border-radius: 30px !important;
    /* background-color: #9B5DE5 !important; */
    background: linear-gradient(to right, #e73d3c, #f39c12);
    padding: .5rem 5.5rem !important;
    border: none !important;
}

.final-step .button-1{
    letter-spacing: 3px;
}

.button-2{
    padding: .5rem 5.5rem !important;
    border:1px solid #e73d3c !important;
    border-radius: 30px !important;
}

#filled:hover {
    background-color: white !important; 
    color: black !important;
}

#outlined:hover {
    background: linear-gradient(to right, #e73d3c, #f39c12);
    color: white;
    border: none !important;
}

@media only screen and (max-width: 600px) {
    .content{
        padding: 20% 5%;
        text-align: center;
    }
  }