:root{--main-bg-color:#269c06!important;--color:#eee!important;--widthoflogin:500px}.dp1{width:100%;position:relative;display:flex;flex-direction:row-reverse;gap:2px}.rejform{width:-300px;height:calc(100vh - 80px);background:var(--main-bg-color);padding:0;box-sizing:border-box;animation:expandWidth 2s ease-in-out forwards;overflow:hidden}.rejform,form.formin{display:flex;align-items:center;justify-content:center}form.formin{width:100%;flex-wrap:wrap}.portre,form.formin{opacity:0;animation:fadeIn 2s ease-in-out 2s forwards}.portre{position:relative;width:calc(100vw - var(--widthoflogin));height:100%;overflow:hidden}.portre img{height:calc(100vh - 80px);width:100%;object-fit:cover}p.title{font-size:20px;padding:20px;color:#fff;display:flex;align-items:center;justify-content:center}.ar{text-align:right}.morelinks{display:flex;flex-wrap:wrap;flex-direction:column;margin:20px 0;width:100%}.morelinks a{color:#ffffff9e;padding:5px 0}@keyframes expandWidth{0%{width:var(--widthoflogin);padding:-50px}50%{width:0}to{width:var(--widthoflogin);padding:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.dp1{flex-direction:column}.rejform{width:100%;height:auto}.portre{width:100%;height:calc(50vh - 40px)}.portre img{width:100%;height:100%;object-fit:cover}}.loginsubmit{width:80%}