*{font-family:Roboto,sans-serif}body,html{overscroll-behavior:none;border:0;margin:0}.login_Signup_main{grid-template-columns:auto 50%;gap:3rem;margin:30px;display:grid}.log_sec{border-radius:15px;place-content:center;justify-items:center;padding-left:100px}.animate{opacity:0;animation:1.2s ease-in-out forwards slidein;transform:translate(-100px)}@keyframes slidein{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.login{grid-template-rows:50px 60px;row-gap:1.2rem;display:grid}.log_head_para{align-content:center;width:80%;font-weight:300}.img_sec{text-align:center;color:#000;background-color:#fff;border-radius:1.2rem;align-content:center;justify-items:center;width:100%;height:85vh;font-size:8px;box-shadow:0 10px 25px #dcdcdc}#textt{width:70%;height:80px}#textt:after{content:"|";margin-left:5px;font-size:20px;animation:.8s infinite blink}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}#logo{height:115px;margin-bottom:20px}.log_form{grid-template-columns:70%;row-gap:1.2rem;display:grid}.log_form input{color:#000;background:#becbff56;border:1px solid #02114256;border-radius:10px;outline:none;padding:12px}.log_form input::placeholder{color:#282828cc}.pswd{flex-direction:column;gap:1.2rem;display:flex;position:relative}#eye{position:absolute;top:65%;right:3%}#eye2{display:none;position:absolute;top:65%;right:3%}.log_form a{text-align:start;color:navy;cursor:pointer}.submit_btn{cursor:pointer;font-weight:bolder;color:#fff!important;background-color:navy!important}.snup{text-align:center;width:70%}.snup strong{color:navy;cursor:pointer}@media (max-width:900px){.login_Signup_main{grid-template-columns:100%;margin:0 0 2rem;padding:0}.log_sec{justify-items:center;width:auto;margin-top:.5rem;margin-left:55px;padding-left:0}.img_sec{order:-1;justify-content:center;justify-self:center;width:80%;height:220px;margin-top:.5rem}.log_form{width:auto}#logo{height:70px}#textt{font-size:small}}