@import "variables";

.register-form {

    &--inner-container {
        height: 65vh;
        justify-content: center;
        align-items: center;
    }

    .card {
        border-color: $main-color;
        .card-header {
            background-color: $main-color;
            color: white;
            padding: 1rem;
            font-size: 1.8rem;
            font-weight: bold;
        }

        .form-inner-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .form-group {
                width: 100%;
                &--name {
                    margin-top: 1rem;
                }

                input {
                    padding: 1.8rem;
                    font-size: 1.4rem;
                }
            }
        }
    }
}