.cityname_cityNameBody__TQhUv{align-items:top;justify-content:center;height:100vh;padding:0 15%}.cityname_container__X8_Is{text-align:center;color:#fff;position:relative;top:10%}#cityname_title__vxeCM{margin-top:0;margin-bottom:5px;text-shadow:0 0 5px #c1c7b2}.cityname_container__X8_Is h3{margin:0;opacity:.8}#cityname_Btn__Y4W9I{margin-top:0;border-radius:5px;cursor:pointer}.cityname_container2__GV06m input{border-radius:5px;font-size:14px;font-weight:600}.cityname_errorContainer__IN7lU{justify-content:center;position:fixed;display:flex;align-items:center;top:45%;left:50%;transform:translateX(-50%) translateY(-45%)}.cityname_errorContainer__IN7lU div{text-align:center;width:400px;height:100px;background-color:rgba(0,0,0,.75);border-radius:10px;padding:15px;display:flex;flex-direction:column;justify-content:center}.cityname_errorContainer__IN7lU h3{font-size:21px;cursor:pointer;position:absolute;right:8px;bottom:78px}.cityname_errorContainer__IN7lU p{color:#fff;font-size:23px;margin:0}.cityname_loginBody__VwYSp{display:flex;align-items:center;justify-content:center;background-color:var(--background-color);background-image:var(--background-img);background-repeat:no-repeat;background-size:var(--background-size);background-position:50%;height:100vh}.cityname_loginContainer__Yv0Ok{margin-top:-5%;width:500px;height:300px;display:inline-flex;background-color:hsla(0,9%,90%,.568);flex-direction:column;align-items:center;border-radius:15px;padding-bottom:5%}.cityname_loginContainer__Yv0Ok input{border-radius:15px;width:45%}.cityname_createAccTxt__8S_vD{color:#382e2e}.cityname_loginContainer__Yv0Ok span{cursor:pointer;color:#000}.cityname_errorText1__P25b0,.cityname_errorText2__yQTVJ{color:red;font-size:small;margin-top:0;margin-bottom:0;margin-left:-10%}.cityname_loginContainer__Yv0Ok button{width:90px;border-radius:10px}@media (max-width:768px){.cityname_container__X8_Is{top:22%}.cityname_errorContainer__IN7lU div{width:360px}.cityname_errorContainer__IN7lU h3{font-size:20px;bottom:80px}.cityname_errorContainer__IN7lU p{font-size:21px}.cityname_loginContainer__Yv0Ok{width:460px}}@media (max-width:480px){.cityname_container__X8_Is{top:20%}#cityname_title__vxeCM{font-size:28px}.cityname_container__X8_Is h3{font-size:16px}.cityname_container2__GV06m{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px}.cityname_errorContainer__IN7lU{width:100%}.cityname_errorContainer__IN7lU div{width:88%}.cityname_errorContainer__IN7lU p{font-size:20px}.cityname_loginContainer__Yv0Ok{width:95%}.cityname_loginContainer__Yv0Ok input{width:55%}}