hanko-auth, hanko-profile {
            --container-padding: 0;
            --font-size: 16px;
            --item-height: 40px;
            --item-margin: 1rem 0;
            --headline2-font-size: 16px
        }

        hanko-auth {
            --container-max-width: 320px;
        }

        hanko-profile {
            --container-max-width: 400px;
        }
        #profile-div, #auth-container {
            float:left;
            max-width: 400px;
            margin-top:50px;

        }
        .lgb {
            /* button Styles */
            font-size: 16px;
            width: 200px;
            height: 40px;
            background: #4F6AF0;
            border-radius: 4px;
            color: white;
            margin-bottom: 20px;
        }



        #preDiv {
            float:left;
            width:40%;
            height:100%;
            background-color: #eee;
            overflow: auto;
            font-size: 12px;
            max-height: 300px;
        }
        .hover {
            background-color: #ddd;
        }