﻿.accountSettingsBtn {
    cursor:pointer;
}


.currentAccount {
    display:flex;
    justify-content:space-between;
}

.acccountEmail {
    outline: none;
    border: none;
}

.passwordContainer {
    min-height: 30vh;
    align-items: center;
}

.DesktopAccountOptions {
    display:flex;
    justify-content:space-between;
    list-style:none;
    text-decoration:none;
}


.DesktopAccountOptions .active {
    font-weight: 600;
    color: var(--blue-color-600);
    border-bottom: solid 2px;
}

.generalAccountContainer {
    display:flex;
    justify-content:space-between;
}

.forgotPasswordImage {
    max-width: 500px;
    padding: 4% 0%;
}

@media(max-width:750px) {
    .DesktopAccountOptions {
        display:block;
    }

    .DesktopAccountOptions li {
        padding-top: 20px;
        border-bottom: var(--grey-color-300) solid 1px;
        padding-bottom: 20px;
    }
}

@media(max-width:640px) {


    .generalAccountContainer {
        display: block;
    }

    .generalAccountContainer .buttonContainer {
        padding:20px 0 ; 
    }

    .currentAccount {
        display: block;
    }

}