@import url("https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Onest:wght@100..900&display=swap");.cal-sans-regular{font-family:Cal Sans,sans-serif;font-weight:400;font-style:normal}.main{display:flex;flex-direction:column;margin:auto}.login ul{display:flex;justify-content:center}.login ul li{margin:15px;width:120px;text-align:center;font-size:20px;background-color:#d9d9d9;border-radius:5px;transition:.3s ease}.login ul li:hover{transform:scale(1.1);cursor:pointer}.SocialLogin{display:flex;font-size:20px;border:1px solid rgb(172,170,170);border-radius:4px;transition:.3s ease;align-items:center;margin:12px 7px;height:45px}.SocialLogin .Image{display:flex;width:20%;justify-content:center;align-items:center}.SocialLogin .content{display:flex;justify-content:center;font-family:Cal Sans;width:85%}.SocialLogin:hover{cursor:pointer}.installMetaMask{background-color:rgba(228,60,60,.822);color:rgb(104,1,1)}.connected,.installMetaMask{display:flex;justify-content:center;align-items:center;font-size:18px;font-family:Cal Sans;padding:5px 10px;margin:8px 0 0;font-weight:500;border-radius:6px}.connected{background-color:rgba(14,158,50,.885);color:rgb(3,69,9)}.connecting{justify-content:center;background-color:rgba(153,143,6,.885);font-size:18px;font-family:Cal Sans;padding:5px 10px;margin:8px 0 0;font-weight:500;color:rgb(86,81,4);border-radius:6px}.connecting,.newUserContainer{display:flex;align-items:center}.newUserContainer{flex-direction:column;margin:auto;padding:5px 20px;border:1px solid rgba(188,188,188,.61);border-radius:4px}.newUserContainer .newUserHeading{font-family:Cal Sans;font-size:20px;font-weight:600;text-align:center}.newUserContainer .newUserContent,.newUserContent input{font-family:Inter;font-size:18px;font-weight:400;margin:12px 0;width:100%;text-align:left}.newUserContent input{padding:1px 10px;border:1px solid rgba(174,174,174,.558)}.newUserContent button{font-family:Inter;font-size:18px;width:fit-content;display:flex;margin:auto;padding:2px 5px;border-radius:4px;background-color:rgba(141,141,141,.672);transition:.3s ease}.newUserContent button:hover{transform:scale(1.1);cursor:pointer}