.input-animation{
    border: none;
    border-bottom: 2px solid darkgrey;
    width: 100%;
    background-color: #f9f9f9;
}

.label-animation{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
}

.input-animation, .input-animation~label{
    transition: 0.3s color ease-in-out;
}

.input-animation:hover{
    border-color: #F79691;
    --tw-ring-color: transparent;
}
.input-animation:hover~label {
    color: #F79691;
}

.input-animation:focus{
    border-color: #EE2E25;
    --tw-ring-color: transparent;
}
.input-animation:focus~label {
    color: #EE2E25;
}

nav .hidden a{
    color: #0000008C;
    font-size: 1rem;
}
nav .hidden a:hover{
    color: #000000;
}

.btn-ideal{
    border-radius: 0.375rem;
    text-decoration: none;
}

.btn-ideal:hover *{
    color: #FFFFFF;
}

.btn-ideal:hover, .btn-ideal:hover *{
    background-color: #A31F1F;
    color: #FFFFFF;
    border-color: #A31F1F;
}

.btn-danger-ideal{
    background-color: #D32121;
    color: #FFFFFF;
}

.btn-danger-ideal:hover{
    background-color: #A31F1F;
}

.btn-white-ideal *{
    color: #000000;
}


.btn-white-ideal{
    background-color: #FFFFFFFF;
    border: 1px solid;
}