@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@import url("https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Sigmar&display=swap");html{scroll-behavior:smooth}body{background-color:#1c1c28;color:#c5c5c5;font-family:Sigmar,sans-serif}#header-text{background:#415aff;background:-webkit-linear-gradient(112deg,#415af5,#be24fe 80%);background:-moz-linear-gradient(112deg,#415af5 0,#be24fe 80%);background:linear-gradient(338deg,#415af5,#be24fe 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#signup{background:#be24fe;color:#fff;background:-webkit-gradient(linear,left bottom,left top,from(#9758f5),color-stop(80%,#be24fe));background:-webkit-linear-gradient(bottom,#9758f5,#be24fe 80%);background:-moz-linear-gradient(bottom,#9758f5 0,#be24fe 80%);background:linear-gradient(0deg,#9758f5 0,#be24fe 80%);border:1px solid #1a1a1a;cursor:pointer}#loginbtn,#signup:hover{background:#1a1a1a;color:#be24fe;border:1px solid #be24fe}#loginbtn:hover{border:1px solid #1a1a1a}#loginbtn:hover,#navbtn:hover{background:#be24fe;color:#fff;background:-webkit-gradient(linear,left bottom,left top,from(#9758f5),color-stop(80%,#be24fe));background:-webkit-linear-gradient(bottom,#9758f5,#be24fe 80%);background:-moz-linear-gradient(bottom,#9758f5 0,#be24fe 80%);background:linear-gradient(0deg,#9758f5 0,#be24fe 80%)}#explore-text{background:#09f;background:-webkit-gradient(linear,left top,left bottom,color-stop(2%,#09f),to(#9758f5));background:-webkit-linear-gradient(top,#09f 2%,#9758f5);background:-moz-linear-gradient(top,#09f 2%,#9758f5 100%);background:linear-gradient(180deg,#09f 2%,#9758f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}input:focus{outline:1px solid #09f}#user{margin-left:.4rem}#online-svg{width:1.3rem;height:1.3rem;color:#09f}#online-li{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center}#name{margin-bottom:.25rem;margin-left:.5rem;font-size:small}.sketch{width:100%;height:100%}#canvas{width:100%;height:84vh;background-color:#fff}