/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Overpass:wght@500&display=swap');

/* Body */

body {
    background-image: radial-gradient(circle, #1a2049 0%, #13162f 100%);
}

.CommingSoon {
    margin-top: 220px;
}


/* h */

h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    color: whitesmoke;
}


/* p */

p {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: whitesmoke;
}


/* button */

.button {
    padding: 7px 35px;
    background-color: transparent;
    border-radius: 25px;
    border: 2px solid #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-size: 20px;
    color: whitesmoke;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}


/* @media */

@media only screen and (min-width: 480px) {
    .CommingSoon {
        margin-top: 260px;
    }
    /* h */
    h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 60px;
        color: whitesmoke;
    }
    /* p */
    p {
        font-family: 'Montserrat', sans-serif;
        font-size: 30px;
        color: whitesmoke;
    }
    /* button */
    .button {
        padding: 14px 70px;
        background-color: transparent;
        border-radius: 25px;
        border: 2px solid #fff;
        position: relative;
        z-index: 1;
        overflow: hidden;
        font-size: 20px;
        color: whitesmoke;
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }
}