#centerBlock{height:400px;width:800px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:linear-gradient(to bottom,#1f42ca,#a704a7);border-radius:30px;border:2px solid rgb(0,0,0);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:2px solid rgb(218,218,218);border-radius:20px;background-color:#5e66c3;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;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:#000;color:#fff;font-size:large}#signButton:hover{background-color:#1f1f1f;cursor:pointer;transform:translateY(-5px)}#signButton:active{background-color:#000;cursor:pointer;transform:translateY(5px)}#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}