body{
    margin:0;
    /* background-image: url("../images/bg/bg2.png"); */
    background-size: auto;
    background-color: var(--primary-orange);
    height:100vh;
    position: relative;
}

:root{
    --fair-orange:#fff9;
}

main{
    min-height:100%;
    height: auto;
    width:100%;
    position: relative;
    z-index:2;
    padding-top: 5%;
    padding-bottom: 10%;
    /* overflow-y: auto; */
}

.prop{
    height:15em;
    position: absolute;
    z-index: 1;
}

.prop.p1{
    top:0;
    right:0;
}

.prop.p2{
    bottom:0;
    left:0;
}

main h1{
    color:#fff;
    font-weight:1000;
    display:inline-block;
    margin:0% auto 0;
    font-size:3em;
    z-index: 2;
}

main h3{
    color:#fff;
    font-weight:1000;
    margin:0;
    font-size:1.5em;
    text-align: left;
}

img.cart_img{
    position:relative;
    height:10em;
    z-index: 2;
}


main form{
    width:clamp(25%, 18em, 100%);
    z-index: 2;
}

main form div{
    position: relative;
    width:100%;
}

main form i:not(main form button i){
    color: var(--fair-orange);
    position:absolute;
    top:50%;
    left:5%;
    transform: translateY(-50%);
}

main form input, main form select{
    border:1.5px solid var(--fair-orange);
    background: transparent;
    padding:0.9em 0.5em;
    padding-left:12%;
    border-radius:0.5em;
    width:100%;
    outline:none;
    color:#fff;
    font-weight:500;
    letter-spacing: 0.2px;
}

main form option{
    color: #333;
}

main form button{
    padding:1em 0.5em;
    background-color: #fff;
    color:var(--primary-orange);
    border-radius:0.2em;
    font-weight:700;
    width:100%;
}

::placeholder {
    color: var(--fair-orange);
    opacity: 0.8; /* Firefox */
    font-weight:400;
}

main form .nav{
    font-size:0.8em;
}

main form .nav a{
    color:#fff;
}

main button{
    border:0 solid;
}

.pwd-i{
    cursor:pointer;
}

@media (max-width:768px) { 
    main h1{
        /* font-size:2.5em; */
    }
    img.cart_img{
        height:9.6em;
    }    
    main{
        padding-top:var(--padding);
    } 
    .prop{
        height:10em;
    }
}