@import "../../../_global/style.css";
@import "../css/register_form.css";

/*Layer 0*/
html {
    background-image: url(../src/mezczyzna_padel.jpg);
    background-attachment: fixed;
    background-size: cover;

    font-family: Montserrat, serif;
}

* {
    /* border: 2px solid red; */
    box-sizing: border-box;
    text-align: center;
}

    /*layer 1*/
    .container {
        display: flex;
        height: 100vh;
        justify-content: center;
        align-items: center;
    }

        /*Layer 2*/
        .form {
            width: 40%;
            height: 60%;
            background-color: #EBEBEB;
            display: flex;
            flex-wrap: wrap;

            justify-content: center;
            align-items: center;

            border-radius: 2%;
            /*padding-top: 1%;*/
        }

            /*Layer 3*/
            .reg_header {
                height: 15%;
                width: 100%;

                /*padding-left: 50%;*/

                /*margin-top: 0;*/
                background-color: #ffffff;
            }

            .registerBox {
                width: 50%;
                height: 60%;
                display: flex;
                flex-direction: column;

            }

            .reg_footer {
                height: 10%;
                width: 100%;
                padding-top: 2%;
                text-align: center;

                background-color: #ffffff;
            }

                /*Elements*/
                .logoImg {
                    margin: 1% auto;
                    width: 20%;
                }

                .myButton {
                    /*Outside*/
                    width: 50%;
                    display: inline-block;
                    border: 1px solid;
                    border-radius: 28px;
                    margin: 3% 25% 5% 25%;

                    /*Inside*/
                    padding: 15px 15px;
                    align-content: center;

                    /*text*/
                    font-family: Montserrat, serif;
                    font-style: normal;
                    font-size: 18px;
                    color: #ffffff;
                    font-weight: 600;

                    /*Visual*/
                    background-color: #007C36;
                    cursor: pointer;
                }

/*##### LINKS TODO WITH HEADER #####*/

/* unvisited link */
a:link {
    color: #000000;
}

/* visited link */
a:visited {
    color: #000000;
}

/* mouse over link */
a:hover {
    color: #818181;
}

/* selected link */
a:active {
    color: #000000;
}

#closelog {
    float: right;
}