.menuButtonLink{
    transition: border-color 0.1s ease-in, color 0.1s ease-in;
}

.menuButtonLink>span {
    transition: color 0.2s ease-in;
}

nav .element {
    transition: color 0.1s ease-in;
}

.formElement>input {
    transition: border-color 0.1s ease-in, background-color 0.3s ease-in, border-radius 0.3s ease-in;
}

.formElement>label {
    transition: top 0.1s ease-in, font-size 0.1s ease-in, color 0.2s ease-in;
}

.formElement>input[type=submit] {
    transition: color 0.3s ease-in;
}

.balanceContainer {
    transition: opacity 0.2s ease-out;
}

.accountContainer {
    transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
}

.subHeaderButton {
    transition: color 0.2s;
}

.subHeaderButton.active{
    transition: background-color 0.2s;
}

.contentButton {
    transition: color 0.2s ease-in;
}

.formElement>select {
    transition: color 0.2s ease-in;
}

.globalContainer:not(.minimized) .navAreaContainer>.element>span {
    transition: opacity 0.4s ease-out 0.1s, font-size 0s ease 0.1s, margin 0s ease 0.1s;
}

.globalContainer nav {
    transition: width 0.1s ease-in;
}

.pageContainer {
    transition: margin-left 0.1s ease-out;
}

.resizeNavAction>i {
    transition: transform 0.2s ease-out;
}

.globalContainer:not(.minimized)>header {
    transition: width 0s ease-in 1s, margin 0s ease-in 1s;
}

.button {
    transition: background-color 0.1s ease-in;
}

.button.selectAction {
    transition: width 0.2s ease-out;
}

.options {
    /*transition: color 0.1s ease-out;*/
}

.navMobileView {
    transition: width 0.1s ease-in;
}

.navMobileView:not(.hidden) .element {
    transition: opacity 0.2s ease-in 0.1s;
}

.hamburgerMenu>div {
    transition: opacity 0.2s ease-in, transform 0.2s ease-out 0.1s;
}

.hamburgerMenu:not(.active)>.bar1, .hamburgerMenu:not(.active)>.bar4 {
    transition: opacity 0.2s ease-in 0.2s;
}