@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300..700&display=swap');




body{
  font-family: "Signika Negative", sans-serif
}
/* Nav */
nav li{
    font-size: 22px;
font-weight: 500;
}
nav li{
    padding-left: 2rem;
}
/* Main */
main{
    display: flex;
    align-items: center;
padding: 6rem;
}
main h1{
    font-size: 50px;
    font-weight: 500;
}

span{
    color: #974FD0;
}

main p{
    font-size: 24px;
    font-weight: 400;
    color: #737171;
    width: 535px;
}

button{
    font-size: 24px;
    color: white;
    background-color: #974FD0;
    /* width: 201px; */
    height: 50px;
    border-radius: 0.75rem;
}
#div-1 button {
    padding: 10px 25px;
height: 75px;

}

@media (max-width: 428px) {
    /* Nav */
    #logo-img{
width: 130px;
height: 35px;
    }
    li{
        font-size: 22px;
    }
    /* Main */
    #main-div{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }

    main{
    display: flex;
    align-items: center;
padding: 3rem;
overflow-x: hidden;
}

#main-img{
width: 125px;
height: 110px;
}

main h1{
font-size: 35px;
margin-top: 2rem;
text-align: center;
line-height: 1.5;
}
main #div-1 {
    display: flex;
    justify-content: center;
}

main p{
    font-size: 18px;
    width: 350px;
    text-align: center;
}
}