.main {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrapper {
    width: 50%;
    height: 70%;
}

.tabs {
    ul {
        li {
            width: 50%;
            cursor: pointer;
            a {
                text-align: center;
                font-family: "Montserrat", sans-serif;
                font-size: 12px;
            }
        }
    }
}

.content {
    width: 100%;
    height: 100%;
    border: 1px solid rgb(220, 220, 220);
    border-top: none;
    &__wrapper {
        padding: 2%;
        width: 100%;
        height: 100%;
        &__login {
            width: 100%;
            height: 100%;
            &__header {
                width: 100%;
                height: 30%;
                display: flex;
                align-items: center;
                justify-content: center;
                h3 {
                    display: block;
                    font-size: 25px;
                    font-family: "Montserrat", sans-serif;
                    text-align: center;
                    color: rgb(100, 100, 100);
                }
            }
            &__body {
                width: 100%;
                height: 50%;
                display: flex;
                justify-content: space-around;
                flex-direction: column;
                position: relative;
                &__error {
                    position: absolute;
                    font-size: 13px;
                    font-family: "Montserrat", sans-serif;
                    top: 0;
                    left: 10px;
                    color: rgb(224, 75, 75);
                }
            }
            &__footer {
                width: 100%;
                height: 20%;
            }
        }
        &__register {
            width: 100%;
            height: 100%;
            &__header {
                width: 100%;
                height: 15%;
                display: flex;
                align-items: center;
                justify-content: center;
                h3 {
                    display: block;
                    font-size: 25px;
                    font-family: "Montserrat", sans-serif;
                    color: rgb(100, 100, 100);
                }
            }
            &__body {
                width: 100%;
                height: 75%;
                display: flex;
                justify-content: space-around;
                flex-direction: column;
                padding-bottom: 5px;
                position: relative;
                &__error {
                    position: absolute;
                    font-size: 13px;
                    font-family: "Montserrat", sans-serif;
                    top: 0;
                    left: 10px;
                    color: rgb(224, 75, 75);
                }
                &__fio {
                    height: 15%;
                    display: flex;
                    justify-content: space-between;
                }                
            }
            &__footer {
                width: 100%;
                height: 10%;
            }
        }
    }
}