@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";*{margin:0;padding:0;box-sizing:border-box}.navbar{background-color:#f9f9f9;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.navLogo{width:260px}.imgLogoDiv{margin:.5rem}.nav--links{font-size:1.4em;font-weight:500;display:flex;align-items:center;justify-content:space-around;text-decoration:none}.nav--links li{padding:12px;list-style:none;font-family:Roboto,sans-serif;cursor:pointer;color:#000;text-decoration:none}li:hover{text-decoration-line:underline;text-decoration-color:#ec9131}section{height:100vh;overflow-x:hidden;perspective:10px}section{-ms-overflow-style:none;scrollbar-width:none}section::-webkit-scrollbar{display:none}.mainImg{object-fit:cover;width:70%;transform:translateZ(-10px) scale(2)}header{position:relative;display:flex;justify-content:center;transform-style:preserve-3d;z-index:-1}.overText{position:absolute;top:50%;right:40%;left:10%;background-color:#fc0;font-size:2rem;font-weight:700;padding:1rem;border-radius:6px}.mainTexts{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;background-color:#fff;padding:6em}.section--heading{color:#ea6161;font-size:1.5em}.main--heading{font-size:1rem;line-height:1.6em;padding:2em}.sub--headings{color:#ea6161;font-size:1.3rem}.startDraw{background-color:#fc0;padding:.7rem;box-shadow:2px 3px 2px #d1d1d1;font-size:1.1rem;text-transform:uppercase;cursor:pointer;margin:30px;color:#000;font-weight:550;border-radius:7px;width:fit-content}a:hover,a:active,a:link,a:visited{text-decoration:none}.setPadding{line-height:1.6em;padding:2em}.grid{display:flex;justify-content:space-between}.vectorImg{width:15%;object-fit:scale-down}.footerBG{z-index:-10;background-color:#383636;display:flex;flex-direction:column;padding:2rem}.icons{display:flex;justify-content:center;align-items:center}.twitterIcon,.githubIcon,.discordIcon{width:7%;cursor:pointer;padding:.3rem}.footerContent{display:flex;justify-content:center;padding:1.5em}.logoname{font-size:1.5rem;color:#f64848;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.textFooter{font-size:1.2rem;color:#fff}.canvas{border:1px solid black}.canvas__container{overflow-x:hidden;display:grid;grid-template-columns:20% 80%;grid-template-rows:1fr;touch-action:none}.save{font-size:1.5em}.save i{color:red}.drawLogo{width:100%;display:flex;justify-content:center;height:60%}.side__panel{background:#eedb8e;display:grid;z-index:2;grid-template-rows:30% 70%;place-items:center}.sideIcons{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:50px;width:100%}.sideIcons>div{display:flex;justify-content:space-around}.drawLine{border:2px solid #ec9131;padding:10px;border-radius:.3rem}.drawLine:hover{cursor:pointer;background:#ffcc00;color:#fff}.setFontSize{font-size:1.5rem;cursor:pointer}.signUp{background-color:#eedb8e;border-radius:.4rem;font-weight:700}.loginContainer{display:grid;grid-template-columns:50% 50%;background:#eedb8e}.error{background:rgb(225,97,97);color:#fff;font-size:1rem;border-radius:10px;margin:1rem;padding:.5rem}.formContainer{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.loginFormLink{font-size:1.5rem;color:#7474ff;cursor:pointer}.login{color:#00f;text-decoration:underline}.position{display:flex;justify-content:center}.signUp__heading{color:#b75f00;font-weight:700;font-size:3rem}form{display:grid;grid-template-rows:repeat(4,auto);background:#f4f4f4;box-shadow:2px 2px 2px gray;padding:4rem;gap:10px;border-radius:2rem;height:500px;background:url(/assets/loginForm-cf83d1c3.jpg) no-repeat;background-size:cover}.icons_size{font-size:1.5rem}label,span{font-size:1.5rem;color:#000;display:inline}.modal_heading{color:#ec9131;font-size:2em}.modalBackground{z-index:1;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#e1dddd;display:flex;justify-content:center;align-items:center}.modal{width:fit-content;z-index:10;height:fit-content;padding:2em;border-radius:2em;background-color:#fff;box-shadow:6px 16px 6px gray}.shareIconsGrid{margin-top:2em;display:grid;gap:2em;grid-template-columns:repeat(4,.5fr)}form input{padding:.4rem;background:#f2af04;border:0;width:250px}.loginImg{width:100%;height:100%}.postBtn{z-index:9;cursor:pointer;position:absolute;top:20px;right:10px;color:#fff;background-color:#fb610e;padding:.5em;font-size:1.1em;border:none;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;border-radius:.5rem}.submit{padding:.5rem;color:#fff;background-color:#f2af04;border-radius:10px;font-size:1rem;cursor:pointer;border:0}.loginError{text-align:center;padding:2rem;font-size:2rem;color:#eb6363;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.barIcon,.menuBar{display:none}@media screen and (max-width: 1100px){.nav--links li{display:none}.barIcon{display:flex;color:#f2af04;justify-content:center;align-items:center;font-size:2rem;cursor:pointer}.overText{position:absolute;top:50%;right:40%;background-color:#fc0;font-size:1.7rem;font-weight:700;padding:1rem;border-radius:6px}}@media screen and (max-width: 767px){.setPadding{line-height:1.6em;padding:1.3em}.twitterIcon,.githubIcon,.discordIcon{width:13%;cursor:pointer;padding:.3rem}.overText{position:absolute;top:50%;right:40%;background-color:#fc0;font-size:1rem;font-weight:700;padding:.8rem;border-radius:6px}.mainImg{object-fit:cover;width:60%;transform:translateZ(-10px) scale(2)}.mainTexts{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;background-color:#fff;padding:3em}form{margin:3em;padding:3em}.loginImg{display:none;width:0}.formContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.loginContainer{display:grid;grid-template-columns:50%;place-content:center;place-items:center}.testScreen{width:100vw;height:100%}}@media screen and (max-width: 1100px){.menuBar{display:block;padding:2rem;background-color:#eedb8e;margin:.5em;border-radius:.5rem;box-shadow:0 5px 15px #00000040}.menuBar ul{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:20rem}a{text-decoration:none;color:#000;font-weight:400}.menuBar ul li{list-style:none;font-size:1.5rem;text-decoration:none}.menuBar ul li:hover{font-size:2rem;color:#b75f00;cursor:pointer}.canvas__container{overflow-x:hidden;overflow-y:scroll;display:grid;grid-template-columns:100%;touch-action:none}.drawLogo{width:50%;height:50%}.imgLogoDiv{display:flex;justify-content:center;position:absolute;top:0}.gap{font-size:1.1em;padding-right:1em}.sideIcons{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px}.side__panel{overflow-y:scroll;padding:1.5em;display:flex;justify-content:space-between;order:2}}.canvasContainer{border:5px solid red}aside{border:4px solid #b75f00}@media screen and (max-width: 1000px) and (min-width: 767px){.loginContainer{display:grid;grid-template-columns:50% 40%;gap:2em;background:#eedb8e}form{padding:2em;margin:1em}}@media screen and (max-width: 400px){form{padding:1.5em;margin:.9em}.mainTexts{padding:1.5em}.mainImg{width:80%}}.galleyContainer{padding:3rem;width:100%;color:#fff;background-color:#0c0c0c;min-height:100vh}.img{width:100%;height:90%;border-radius:.8em;background:white;object-fit:cover}.GalleryHeading{color:#f2af04;font-size:2em;font-weight:500}.heading-description{font-size:1.5rem;font-weight:400;color:gray}.galleryGrid{padding-top:3em;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.gallery-card{border:2px solid white;padding:1.5rem;border-radius:.8em}@media screen and (max-width : 768px){.gallery-card{padding:2.5em;width:100%;height:90%;border:2px solid white;padding:1.5rem;border-radius:.8em}.galleryGrid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width : 480px){.galleryGrid{gap:20px;grid-template-columns:repeat(1,1fr)}}