* {
        background-color:whitesmoke;
    }

    header {
        background-color: whitesmoke;
    }

    div {
        display:block;
    }
    .main_title {
        position: absolute;
        top: 120px;
        left: 0px;
        right: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
        height: 25px; /*  modify this per page style for each div in title 25px height */
        overflow: hidden;
        /* outline: 1px solid black; */
    }


    main {
        position: absolute;
        top: 175px; /* modify this per page style top equals 25 x title div count + header height 50px  */
        bottom: 25px;
        left: 0px;
        right: 0px;
        padding-top: 5px;
        background-color: whitesmoke;
        overflow: auto;
    }
  
    .login_container {
        width: 300px;
        padding: 20px;
        display: block;
        border-radius: var(--border-radius);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        background: var(--color-input-focus);
        text-align: center;
        margin: auto;
    }
  
    .button_login {
        width: 90%;
        padding: 0.5rem 0.5rem;
        font-weight: bold;
        font-size: 1.1rem;
        border-radius: 6px;
        margin-bottom: 10px;
    }
  
    footer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        height: 25px;
        padding-top: 5px;
        text-align: center;
        border-top: 1px solid darkgrey;
        background-color: var(--color-primary);
    }
  
    input[type=text]:not(:placeholder-shown) , input[type=password]:not(:placeholder-shown) {
        /* outline: 1px solid limegreen; */
        background-color: whitesmoke;
    }

    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: black;
        opacity: 1; /* Firefox */
    }