.form1Wrap {
    display: flex;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background-image: url('/img/loginBg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*background: linear-gradient(to right, #00bbbb, #320966);*/
}

    .form1Wrap > div {
        background-color: #ffffffe3;
        padding: 40rem 30rem;
        border-radius: 10rem;
    }

        .form1Wrap > div > div > .logo {
            width: 300rem;
            display: flex;
            flex-direction: column;
            gap:6rem;
            text-align:center;
            align-items:center;
        }

        .form1Wrap > div > div > section > form > ul {
            gap: 20rem;
            margin-top: 20rem;
        }

        .form1Wrap > div > div > .logo > img {
            width: 95%;
        }
        .form1Wrap > div > div > .logo > h6 {
            font-size: 20rem;
        }
        .form1Wrap > div > div > .logo > p {
            font-size: 16rem;
        }
        .form1Wrap > div > div > section > form > ul {
            display: flex;
            flex-direction: column;
            gap:14rem;
        }
        .form1Wrap > div > div > section > form > ul > li {
            list-style: none;
            display:flex;
            align-items:center;
            gap:4rem;
            border:solid 1px #dedede;
            padding:4rem;
            border-radius:4rem;
        }
            .form1Wrap > div > div > section > form > ul > li>input{
                width:100%;
                height:26rem;
                border:none;
                outline:none;
                background-color:transparent;
            }
                .form1Wrap > div > div > section > form > ul > li > .icon {
                color: #333333;
                font-size:20rem;
            }
            .form1Wrap > div > div > section > form > ul > a {
                font-size: 12rem;
                color: #c73545;
            }
            .form1Wrap > div > div > section > form > ul > button {
                font-size: 18rem;
                color: white;
                background-color: #f76272;
                border: none;
                padding: 10rem;
                border-radius: 4rem;
                cursor: pointer;
            }
                .form1Wrap > div > div > section > form > ul > button:hover {
                    background-color: #ff4264;
                }
    .form1Wrap .infoImg {
        width: 300rem;
        padding: 30rem 0;
        display: flex;
        gap:20rem;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .form1Wrap .infoImg>img{
        width:150rem;
    }
        .form1Wrap .infoImg > a {
            display: block;
            font-size: 14rem;
            color: #0072bb;
            border: solid 1px #0072bb;
            padding: 10rem;
            border-radius: 8rem;
            cursor: pointer;
        }
        .form1Wrap .infoImg > h6{
            text-align:center;
            font-size:16rem;
        }
        .form1Wrap .infoImg > p {
            text-align: center;
        }
    .form1Wrap > div > div > section > form > ul >p{
        display:none;
    }
    @media screen and (max-width: 767px) {
        .form1Wrap > div {
                width:calc(100% - 80px);
                padding: 50px 25px;
            }
            }