@import"https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;1,300&display=swap";#my-shadows{top:170px}#my-shadows .tag{border-radius:10px 10px 0 0}#my-shadows .list-item-container{position:relative;margin-left:45px}#my-shadows .list-item-container .shadow-preview{position:absolute;left:-50%;display:flex;justify-content:center;align-items:center;background-color:#fff;width:300px;height:300px;transform:scale(.1);border-radius:50px}#my-shadows .list-item-container .shadow-preview .shadow-preview-box{width:50%;height:50%}#my-gradients{top:85px}#my-gradients .tag{border-radius:10px 10px 0 0}#my-gradients .gradient-preview{width:40px;height:40px}.header{position:relative;display:flex;justify-content:space-between;align-items:baseline;padding:1rem;margin-bottom:2rem;user-select:none}.header a{text-decoration:none;color:initial}.header .home-link{position:relative;background-color:var(--clr-primary);color:#fff;padding:.5rem;border-radius:50px;isolation:isolate;transition:all ease .1s}.header nav{position:absolute;width:100%;display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:2rem}.page-link{position:relative;color:#fff;font-size:large;cursor:pointer;user-select:none;transition:all ease .2s;isolation:isolate}.page-link:after{content:"";position:absolute;bottom:-2px;left:0;z-index:-1;transition:transform ease .2s,height ease .2s;background-color:var(--clr-primary);border-radius:5px;width:100%;height:2px;transform:scaleX(0);transform-origin:right}.page-link:hover:after{transform:scaleX(1);transform-origin:left}.page-link.current-link:after{height:100%;transform:scale(1);padding:2px 5px;left:-5px;background-color:var(--clr-primary)}.mobile-nav{position:absolute;z-index:10;top:0;right:1rem;transition:all ease .2s;display:flex;flex-direction:column;align-items:flex-end;border-radius:10px}.mobile-nav .mobile-nav-links{width:50vw;display:flex;flex-direction:column;align-items:flex-end;gap:2rem;transition:all ease .2s;background-color:var(--clr-background-dark);padding:1rem;border-radius:10px}.mobile-nav .mobile-nav-links .page-link{font-size:2em}.mobile-nav .mobile-nav-icon{font-size:3em;color:var(--clr-primary);transition:all ease .2s;transition-delay:.2s;padding:.5rem;border-radius:100%}.mobile-nav .mobile-nav-icon:active{backdrop-filter:blur(10px)}.side-menu{position:fixed;top:0;right:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:2em;width:440px;min-height:100px;padding:1rem;backdrop-filter:blur(10px);background-color:#fff2;border-radius:0 0 0 10px;transition:transform .3s ease-in-out,z-index .3s}.side-menu.__show{transform:translate(0);z-index:100}.side-menu.__hide{transform:translate(100%);transition-delay:z-index .3s}.side-menu .tag{position:absolute;top:1rem;left:-65px;width:83px;z-index:20;cursor:pointer;padding:1em;border-radius:10px 0 0;background-color:#3c3c3c;backdrop-filter:blur(10px);transform:rotate(-.25turn)}.side-menu .side-menu-list{max-height:70vh;overflow-y:scroll;scrollbar-width:5px}.side-menu .side-menu-list::-webkit-scrollbar{width:10px}.side-menu .side-menu-list::-webkit-scrollbar-track{background:var(--clr-background)}.side-menu .side-menu-list::-webkit-scrollbar-thumb{background:var(--clr-background-light);border-radius:5px}.side-menu .side-menu-list::-webkit-scrollbar-thumb:hover{background:#555}.side-menu .side-menu-list .list-item-container{display:flex;align-items:center;gap:1em;animation-name:init-list-item;animation-duration:.2s;transform-origin:top}.side-menu .side-menu-list .list-item-container input[type=color]{opacity:0}@keyframes init-list-item{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media only screen and (max-width: 650px){.side-menu{display:none!important}}button{background-color:var(--clr-primary);color:#fff;font-weight:700;border:none;border-radius:10px;user-select:none;box-shadow:#00000059 0 5px 15px;padding:.5em;outline:none;cursor:pointer;transition:all .2s ease;position:relative;isolation:isolate;overflow:hidden}button:hover:after{transform:scaleX(1);transform-origin:left}button:after{content:"";width:100%;height:100%;background-color:#fff2;position:absolute;top:0;left:0;z-index:2;transition:transform .2s ease;transform:scaleX(0);transform-origin:right}button:active{box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}button:active:after{background-color:transparent}input[type=number],input[type=text]{background-color:var(--clr-background-dark);border-radius:10px;padding:.5em;font-weight:700;color:#fff;transition:all 80ms ease;height:33px}input[type=range]{width:calc(100% - 70px);border-radius:10px;-webkit-appearance:none;height:5px;background:rgba(255,255,255,.6666666667);outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;min-width:10em}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:var(--clr-primary);cursor:pointer;border-radius:100%}input[type=range]::-moz-range-thumb{border-radius:100%;width:10px;height:10px;background:var(--clr-primary);cursor:pointer}input[type=color]{appearance:none;background-color:transparent;overflow:hidden;border:none;width:33px;height:33px;padding:0;margin:0;cursor:pointer}input[type=color]::-webkit-color-swatch{border-radius:5px;border:2px solid rgba(255,255,255,.6666666667)}.input-percent{position:relative}.input-percent:after{color:#fff;content:"%";position:absolute;z-index:2;width:10px;height:10px}:root{--grey-dark: #1e1e1e;--grey: #252526;--grey-light: #333333;--green: #829333;--green-light: #94a43c;--green-dark: #5d701f;--orange: #c78346;--orange-light: #ca8851;--orange-dark: #b6692a;--red: #aa0000;--white: #eaebe7;scroll-behavior:smooth;--clr-primary: var(--orange-dark);--clr-secondary: var(--green);--clr-error: var(--red);--clr-background-dark: var(--grey-dark);--clr-background: var(--grey);--clr-background-light: var(--grey-light);background-color:var(--clr-background-dark);color:var(--white)}h1,h2,h3,h4,h5,h6{margin:0;padding:0}body{margin:0;font-family:"PT Serif",serif;font-family:Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:5px;overflow-x:hidden}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--clr-background)}body::-webkit-scrollbar-thumb{background:var(--clr-background-light);border-radius:5px}body::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.error{color:red;margin:0;padding:0}.learn-more-anchor{position:fixed;bottom:0;right:0;color:#fffa;text-decoration:none;padding:1em}