body {
    margin: 0;
    height: 100vh;
/*    background-image: url('/images/backgroundimage.svg');*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* or 'cover' */
    background-color: #0E1639;
}


.mainContainer {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100dvh; /*Not this is to fix issues with iphone bottom nav bar*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-image: url('../Images/mainBackground.svg');
    background-size: cover;
}

.logoButtonContainer {
    height: 70dvh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.logo {
    width: 35dvw;
    margin-top: 3dvh;
}

.btnsContainer {
    display: flex;
    flex-direction: column;
}

    .btnsContainer img {
        padding-bottom: 2dvh;
        width: 50dvw;
    }

    .copyRightSection {
        width: 100%;
/*        position: absolute;
        bottom: 0;*/
    }