#rowOne {
    animation: TextEntry 1s ease;
}

@keyframes TextEntry {
    0% {
        transform: scaleY(0%);
    }

    100% {
        transform: scaleY(100%);
    }
}

#rowTwo {
    animation: TextEntryLeft 1s ease;
}

@keyframes TextEntryLeft {
    0% {
        transform: scaleY(0%);
    }

    100% {
        transform: scaleY(100%);
    }
}

.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.card-header {
    border: none;
    background-color: #FFFFFF;
    font-size: 40px;
    color: #E51C60;
    font-weight: bold;
}

.linkColor {
    color: #222222
}

.linkColor:hover {
    color: #46B745;
    text-decoration: none;
}

.size-icon {
    font-size: 26px;
}

.login {
    font-size: 24px;
    color: #FFFFFF;
    background-color: #E51C60;
    border-radius: 30px;
    padding: 10px 30px;
    border: none;
    text-decoration: none;
}

.login:hover {
    background-color: #b9134a;
    text-decoration: none;
    color: #FFFFFF;
}

.btn-border {
    border: 2px solid #46B745;
    color: #46B745;
    font-weight: bold;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 24px;
}

.btn-border:hover {
    border: 2px solid #46B745;
    color: white;
    background-color: #46B745;
    text-decoration: none;
}

section {
    min-height: 100vh;

}

@media (max-width: 458px) {
    .menu {
        flex-direction: column;
        align-items: center;
    }
}