body{scrollbar-color:#d2bd00 transparent}.body{flex-direction:row;align-items:center;justify-content:center;text-align:center;height:100vh}.body,.left{position:relative;display:flex}.left{right:5%}.left-logo{height:500px;width:500px}.right{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;left:5%;gap:20px;h1,h4{color:#fff}}.connect-button{background-color:#d2bd00;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:10px 20px;color:#0e0c01;font-weight:900;font-size:16px;border-radius:50px;cursor:pointer;width:300px;border:2px solid #0e0c01;svg{fill:#0e0c01;height:25px;width:25px}}.connect-button:hover{transform:scale(1.05);background:#0e0c01;color:#d2bd00;border:2px solid #d2bd00;svg{fill:#d2bd00}}.login-button{background-color:#d2bd00;padding:10px 20px;width:300px;color:#0e0c01;font-weight:900;font-size:16px;border-radius:50px;cursor:pointer;border:2px solid #0e0c01}.login-button:hover{transform:scale(1.05);background:#0e0c01;color:#d2bd00;border:2px solid #d2bd00}.hr{width:350px;background:#fff}.login-m{position:absolute;background:#d2bd00;color:#0e0c01;bottom:10%;padding:5px;border-radius:5px;z-index:1}.not-found{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;h1{color:#d2bd00}}.nf-logo{height:300px;width:auto}.tc{width:400px}@media (max-width:1024px){.left-logo{height:250px;width:250px}}@media (max-width:770px){.body{flex-direction:column;gap:20px}.left{right:0}.right{top:10%;left:0}.left-logo{height:200px;width:200px}}@media (max-width:500px){.body{justify-content:flex-start}.left{top:10%}.right{top:15%}.login-button{width:200px}.connect-button{width:200px;padding:7px}.hr{width:90vw}.tc{width:200px}}