@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Jacques+Francois+Shadow&family=Neonderthaw&family=Vast+Shadow&display=swap');

body, html{
    width:100%;
    margin:0;

    font-family: "Jura", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    overflow: hidden;

    background-image: url('../images/honeycomb.jpg');
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    height:100%;

} /* body -html */

.header{
    width:100%;
    height:75px;
    text-align: center;
    font-size: 35px;
    font-weight: 400;
    color:white;
} /* header */

.container{
    width:100%;
    height:100%;



    .avatar{
        margin:auto;
        background-image: url('../images/youtube.webp');
        background-size:cover;
        background-position: center;
        background-repeat: no-repeat;
        width:200px;
        height:200px;
    }

    .login{
        width:100%;
        height:fit-content;
        color:white;

            a:link {
                color:white;
                text-decoration: none;
            }

            a:visited {
                color:white;
                text-decoration: none;
            }

            a:hover {
                color:white;
                text-decoration: none;
            }

            a:active {
                color:white;
                text-decoration: none;
            }

            p{
                font-size: 25px;
                font-weight: 400;
                text-align: center;
                color:white;
            }

        form{
            width:350px;
            height:fit-content;
            margin:auto;
            text-align: center;

            input[type="text"]{
                width:300px;
                height:40px;
                border-radius:8px;
                text-align: center;
            }

            input[type="password"]{
                width:300px;
                height:40px;
                border-radius:8px;
                text-align: center;
            }

            button[type="submit"]{
                width:300px;
                height:40px;
                border:1px solid silver;
                border-radius: 8px;
                color:white;
                background-color: transparent;
            }
            } /* form */

    } /* login */


} /* container */