.BodyPad{min-height:100vh;overflow-x:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--White)}:root{--Wood:hsl(28.6, 44.33%, 61.96%)}.PencilFigure{height:40svh;width:3svw;display:flex;flex-direction:column;position:inherit;z-index:1}.PencilFigure:hover{cursor:pointer}.PencilPoint{position:relative;clip-path:polygon(50% 0,100% 100%,0 100%);background-color:var(--Wood);height:20%;display:flex;flex-direction:column}.PencilLead{width:100%;height:3svh;z-index:5;position:absolute}.PencilBody{position:relative;background-color:var(--RedPrimary);height:60%}#PencilCaseContainer{position:absolute;display:flex;justify-content:center;align-items:center;right:0}#PencilCase{background-color:#0f37d4c2;right:inherit;position:relative;z-index:2;display:flex}#PencilCaseBox{position:relative;z-index:4;width:fit-content;background-color:#7fffd4;height:30svh;position:static}#PencilCaseBlanket{display:flex;align-self:center;gap:.3rem;padding:1svw;position:relative;z-index:3;background-color:#faebd7}#ShowColor{display:flex;height:7.5rem;width:8rem;padding-right:.2rem;background-color:#b8b4b484;justify-content:flex-end;align-items:center;clip-path:circle(55% at 80% 50%);z-index:3;cursor:pointer;transition:height .25s,right .25s,background-color .25s ease-in-out}#ShowColor:hover{height:10rem;right:.1svw;background-color:#06463680}#ShowColor:hover:hover #PencilCase{transition:transform .25s}#PaletteContainer{display:flex}#PaletteIcon{position:absolute;width:4rem;filter:invert(10%) sepia(50%) saturate(6902%) hue-rotate(299deg) brightness(50%) contrast(100%);z-index:2}#ColorPallete{border-radius:50%;background:linear-gradient(217deg,#f00c,#f000 70.71%),linear-gradient(127deg,#0f0c,#0f00 70.71%),linear-gradient(336deg,#00fc,#00f0 70.71%);z-index:-2;position:relative}#ColorPalleteBehind{position:absolute;clip-path:polygon(50% 0%,83% 12%,84% 31%,76% 52%,58% 63%,22% 92%,6% 78%,0% 43%,17% 12%);background:linear-gradient(217deg,#f00c,#f000 70.71%),linear-gradient(127deg,#0f0c,#0f00 70.71%),linear-gradient(336deg,#00fc,#00f0 70.71%);z-index:-2;position:relative;height:4rem;width:4rem}:root{--GreenBtn:hsl(125, 93%, 22%);--GreenPath: #064535}.MainPage{background-image:repeating-linear-gradient(var(--YellowPrimary),var(--YellowPrimary)1.9rem,var(--Black) 2rem);width:58.6vw;border-radius:.5rem;display:flex;flex-direction:row;height:90vh;position:relative}.MainPage:before{content:"";width:.16rem;height:100%;background-color:var(--RedPrimary);left:8.6vw;position:absolute}#MainContent{display:flex;flex-direction:column;position:relative;width:100%}#HeaderPage{padding:1rem;display:flex;justify-content:center;align-items:center;height:6rem;border-bottom:.16rem var(--RedPrimary) solid}p,h2,textarea,input[type=text]{position:absolute;background-color:transparent;outline:none;resize:none}input[type=text]{font-size:20px;font-weight:600}input[type=text]::placeholder{font-style:italic;font-size:15px}#InputText{width:50vw;line-height:2rem;min-height:80%;padding:0 1rem;left:8.6vw;z-index:1;font-size:20px;font-family:Salsa,cursive;font-weight:600}textarea::placeholder{font-style:italic;font-size:15px}.ShowText{display:none;width:50vw;line-height:2rem;align-self:center;padding:0 1rem;left:8.6vw;font-weight:600;font-size:20px}h2{display:none}#btnDownload{display:flex;flex-direction:column;gap:.2rem;cursor:pointer;left:10%;position:absolute;justify-content:space-around;align-items:center;padding:.5rem;border-radius:.6rem;width:fit-content;height:6rem;background-color:var(--GreenBtn);color:var(--White);gap:.5rem;font-weight:400;transition:transform 1s}#btnDownload:hover #PrintIcon{filter:invert(100%) sepia(0%) saturate(7489%) hue-rotate(312deg) brightness(106%) contrast(105%)}#PrintContainer{width:4rem}#PrintIcon{width:3rem}#btnDownload:hover{transform:scale(1.2);transition:transform .25s}@font-face{font-family:Salsa;src:url(/notepad-reactjs/public/Salsa/Salsa-Regular.ttf)}*{margin:0;padding:0;box-sizing:border-box;border:none}:root{--YellowPrimary:hsl(42, 99%, 70%);--GreenBlue:hsl(177, 93%, 22%);--BluePrimary:hsl(230, 84%, 23%);--RedPrimary:hsl(357, 99%, 28%);--White:#fff;--Black:#000}