@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}.page{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.page.active{display:block;z-index:1}#home{height:100vh;background:#283048;background:linear-gradient(to right,#859398,#283048);color:#fff;display:grid;gap:2rem;place-content:center;font-family:Poppins,sans-serif}header{margin-top:2rem}header .title{font-size:2.5rem;font-weight:bolder;text-align:center;margin:15px}header .title-description{font-size:1.25rem;line-height:2;max-width:70vw;text-align:center}header .nav-btns{display:flex;align-items:center;justify-content:center;gap:5rem;margin-top:3rem}header .nav-btn{padding:.75rem;border:1px solid white;font-size:1.2rem;border-radius:10px;min-width:150px;text-align:center;color:#f0f8ff;text-decoration:none;font-weight:500;cursor:pointer}header .nav-btn:hover{box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}main{margin:1.5rem}main .techstack-title{font-size:1.7rem;text-align:center}main .techstack-list{margin:1.5rem;display:flex;align-items:center;justify-content:center;gap:2rem}main .techstack-list>li{list-style-type:none;font-size:1.2rem;border:1px dashed #b1babe;padding:5px 20px;border-radius:5px}footer .copyright-link{text-align:center;font-size:1rem}#error{display:none;color:#fff;font-size:1.5rem;place-content:center;margin:auto;height:100%;width:75%;font-family:Times New Roman,Times,serif;line-height:3;font-weight:700}#error span{color:red;background:#fff;padding:.3rem;border-radius:10px}#draw{background:#000}#draw .Menu-cont{background:#f9f9f9;height:3rem;width:3rem;font-size:1.8rem;border-radius:3px;box-shadow:#00000059 0 5px 15px;color:#000;display:grid;place-content:center;position:absolute;top:2rem;left:3rem;cursor:pointer}#draw .tools-cont{background:#f9f9f9;border-radius:3px;padding:1rem;box-shadow:#00000059 0 5px 15px;max-height:3.5rem;display:grid;grid-template-columns:repeat(7,1fr);place-content:center;gap:2rem;position:absolute;left:35%;top:2rem;cursor:pointer}.tools-cont i{display:block;font-size:1.75rem;padding:.3rem}.pencil-tool-cont{position:absolute;left:3rem;top:10rem;display:flex;flex-direction:column;gap:.5rem;background:#f9f9f9;padding:1rem;border-radius:3px}.pencil-tool-cont .pencil-width-cont{width:8rem}.pencil-tool-cont .pencil-color-cont{display:flex;justify-content:space-between}.pencil-color-cont .pencil-color{height:1.5rem;border-radius:3px;border:.5px solid black}.pencil-color-cont #red{background-color:red;width:1rem}.pencil-color-cont #blue{background-color:#00f;width:1rem}.pencil-color-cont #white{background-color:#fff;width:1rem}.pencil-color-cont #green{background-color:green;width:1rem}.pencil-color-cont #yellow{background-color:#ff0;width:1rem}.pencil-color-cont #pink{background-color:pink;width:1rem}.eraser-tool-cont{position:absolute;left:3rem;top:16rem;display:flex;background:#f9f9f9;padding:1rem;border-radius:3px}.toolsContAnim{animation-name:scaleToolsCont;animation-duration:.5s}@keyframes scaleToolsCont{0%{transform:scale(.3)}to{transform:scale(1)}}.sticky-cont{position:absolute;left:20rem;top:10rem;width:15rem;height:15rem;border-radius:3px;z-index:100}.sticky-cont .sticky-header-cont{height:1.5rem;background-color:#d7d5d5;display:flex;gap:.5rem;justify-content:flex-start;align-items:center;padding-left:.6rem}.sticky-header-cont>*{height:1rem;width:1rem;border-radius:10px;cursor:pointer}.sticky-header-cont .remove{background-color:red}.sticky-header-cont .minimize{background-color:#90ee90}.sticky-cont .sticky-body-cont{height:calc(100% - 2rem)}.sticky-body-cont textarea{height:100%;width:100%;resize:none;border:none;outline:none;color:#222020}.sticky-body-cont #ImgUpload{height:100%;width:100%;object-fit:fill}canvas{overflow:hidden}@media (max-width: 1279px){body .Menu-cont,body .tools-cont{display:none}#error{display:grid;color:#fff;background:#212121}header .title-description{text-align:center;max-width:600px;margin-left:8rem}}