#fpart{
    width:55%;
}

#intro img{
    width:10em !important;
    height:15em;
    display:inline-block;
    margin:0 0 0 5% !important;
    max-width:45%;
}

#intro img.lgs{
    width:12em !important;
    height:16em;
}

.layout{
    width:80%;
    display:flex;
    margin:0.5em 10% 1em;
    justify-content:space-evenly;
}

.clayout{
    gap:0.3em;
}

.layout input{
    width:100%;
}

.long-btn{
    width:100%;
    background:var(--c2);
    margin:0;
    padding:0.6em 0;
}

.ininp{
    position:relative;
    width:48%;
    margin-left:1%;
}

.ininp span{
    font-size:0.8em;
    padding-bottom:0.5em;
    font-family:Ob;
}

.long-ininp{
    width:96%;
}

.p-icon{
    position:absolute;
    top:53%;
    left:88%;
    color:var(--c2);
    opacity:0.5;
}

#error{
    color:#f00;
    font-size:0.8em;
    text-align:center;
}

.error{
    margin:0.1em 10%;
}

#footer{
    margin:5em 0 0;
    position:relative;
}

.otp{
    display:none;
}

#noteboard{
    margin:4em 5%;
}

@media (min-width:700px){
    input{
        font-size:1.05em;
    }
    #intro{
        padding-left:25%;
    }
}