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

* {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
   background-repeat: no-repeat;
   color: #fff;
}

.body {
    background: url("./Images/Images.png");

}

.navbar {
    margin-top: 7vh;
}

.navbar-brand {
    margin-left: 19vh;
}

.navbar-collapse {
    margin-left: 4vh;
}

.nav-link {
    color: #fff !important;
}

.btn-1 {
    background:rgba(72, 43, 231, 1);
    color: #fff;
    outline: none;
    box-shadow: none;
    padding: 9px 13px;
    border-radius: 40px;
    border: none;
    width: 19vh;
    margin-left: 20vh;
}

.haed {
    font-weight: 700;
    font-size: 63px;
}

.container {
    margin-top: 10vh;
}

.par {
    font-size: 20px;
    margin-top: 4vh;
}

@media (max-height: 599px), screen and (orientation :portrait) {
    .body {
        background: url("./Images/Image.png");
        background-size: 503%;
        background-repeat: no-repeat;
    }

    .navbar{
        margin-top: 3vh;
    }

    .navbar-brand {
        margin: 0%;
    }

    .btn-1 {
        margin: 0%;
    }

    .container{
        margin-top: 3vh;
    }
    .haed{
        font-size: 50px;
    }

    .par{
        font-size: 18px;
        letter-spacing: -0.04em;
    }
}

@media only screen and (max-width : 992px) and (min-width: 700px) {

    .haed {
        font-size: 90px;
    }

    .par {
        font-size: 25px;
    }

    .navbar img {
        width: 150%;
    }

    .zar {
        margin-left: 2vh;
    }

}


@media only screen and (max-width : 300px) {

    .haed {
        font-size: 44px;
    }

    .par {
        font-size: 11px;
    }

}