.app-login{
    .app-login-contant{
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, #8e9eab, #eef2f3);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;

        .ibizLogo{
            margin-top: 15vh;
            margin-left: 6vw;
            width: 86px;
            height: 40px;
            align-self:flex-start;
        }

        .app-login-form{
            width: 90vw;
            height: 45%;
            min-height: 250px;
            border-radius: 10px;
            background-color: white;
            margin-top: 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            box-shadow: -5px 5px 10px #8e9eab;
            ion-item{
                border-radius: 10px;
            }
            .ion-no-margin{
                margin: auto;
                --background: linear-gradient(to left, #7BC6CC, #BE93C5) !important;
                --background-activated:linear-gradient(to left, #5FC3E4, #E55D87) !important;
                --background-activated-opacity:0.8;
                --transition: --background 2s;
                font-size: 1.2rem;
                --border-radius: 20px;
                margin-top: 20px;
                height: 38px;
                width: 92%;
            }
            
            ion-input{
                --background:#f1f1f1 !important;
                border-radius: 20px;
                width: 90% !important;
                height: 44.8px !important;
                margin:auto;
                margin-top: 1vh;
                --padding-start:20px !important;
            }

            ion-label{
                margin-left: 5vw;
                font-size: 1rem !important;
            }
        }
        .thirdParty{
            width: 90vw;
            height: 40px;
            margin-top: 20px;
            background-color: white;
            display: flex;
            justify-content: space-around;
            align-items: center;
            border-radius: 10px;
            box-shadow: -5px 5px 10px #8e9eab;
        }
    }
}
