#centerBlock{height:400px;width:800px;position:absolute;left:50%;top:50%;padding:100px;transform:translate(-50%,-50%);background-image:linear-gradient(to bottom,#2c60e5,#9238bc,#601bb9);border-radius:30px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-content:stretch;align-items:stretch}#signCred{padding:20px;width:calc(50% - 40px);height:calc(100% - 80px);margin:20px;color:#fff;border-radius:20px;background-image:linear-gradient(to bottom,#446cd2,#7861b6);border:1px solid white;text-align:center;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}tit{font-size:large;padding-left:10px;color:#000}input{width:calc(100% - 20px);height:40px;border-radius:5px;background-color:#fff;border:2px solid rgb(218,218,218);margin-top:2%;margin-bottom:10px}#signButton{width:calc(100% - 20px);height:50px;border-radius:10px;border:2px solid rgb(22,22,22);margin-top:20px;margin-bottom:15px;background-color:#2c2c2c;color:#fff;font-size:large}#signButton:hover{background-color:#1f1f1f;cursor:pointer}#signButton:active{background-color:#000;cursor:pointer}#logo{right:60px;top:20px;width:35%;display:flex;flex-direction:column;justify-content:center;align-items:center}img{height:100%;width:100%}logo{font-size:75px}
