.navbar{align-items:center;box-shadow:0 20px 40px rgba(0,0,0,.1);color:var(--black);display:flex;justify-content:space-between;padding:2rem 4rem}.navbar_title{color:var(--black);font-family:Pushster,cursive;font-size:3rem;position:relative;text-decoration:none}.navbar_title:hover:after{left:0;width:100%}.navbar_title:after{background:var(--orangegradient);border-radius:4px;bottom:-8px;content:"";height:8px;left:10px;position:absolute;transition:.1s;width:100px}.navbar_items_container{align-items:center;display:flex;list-style:none}.navbar_item{margin:1rem}.navbar_item a{color:#1b1b1b;padding:.5rem 1rem;text-decoration:none;transition:.1s}.navbar_item a:hover{background:#1b1b1b;color:var(--white)}.navbar-menu,.navbar-mobile{display:none}@media screen and (max-width:768px){.navbar{padding:2em}.navbar_items_container{display:none}.navbar-mobile{display:block;position:relative}.navbar-mobile-list{background:var(--black);list-style:none;padding:16px;position:absolute;right:0;top:40px;width:120px}.navbar_mobile-list-item:hover a{background:var(--white);color:var(--black)}.navbar-mobile-list a{color:var(--white);display:inline-block;margin-top:8px;text-decoration:none;width:100%}.navbar-mobile-menu{color:var(--black);display:inline-block;font-size:20px}}.main{display:grid;grid-template-columns:2fr 1fr;margin:24px auto 0;max-width:1200px;padding:2em}.boxes-grid{border:2px solid #aaa;box-shadow:0 20px 40px rgba(0,0,0,.25);margin:0 auto}.boxes-grid .row{display:grid;grid-template-columns:repeat(32,16px)}.boxes-grid .row div{height:16px;width:16px}.boxes-grid .row div:hover{background:#333!important}.boxes-grid .row:nth-child(2n) div:nth-child(odd){background:#bbb}.boxes-grid .row:nth-child(odd) div:nth-child(2n){background:#aaa}@media screen and (max-width:768px){.main{grid-template-columns:1fr;text-align:center}.sidebar{align-items:center;margin-top:20px}}.sidebar{display:flex;flex-direction:column;justify-content:center;padding-left:60px;transition:.1s}@media screen and (max-width:860px){.sidebar{padding-left:20px}}.currentcolor{display:inline-block;height:100px;margin-bottom:20px;width:100px}.img-size-container{align-items:center;display:flex;gap:8px;margin-bottom:20px}.img-size-container input{padding:8px 12px;width:100px}.colors{grid-gap:4px;display:grid;grid-template-columns:repeat(5,30px);margin-bottom:20px}.colors div,.colors input{display:inline-block;height:30px;width:30px}.sidebar button{background:#1286f0;border:0;border-radius:4px;box-shadow:0 20px 40px rgba(0,0,0,.25);color:var(--white);font-size:16px;padding:8px 20px;width:180px}.stats{margin-top:20px}*{box-sizing:border-box;margin:0;padding:0}:root{--black:#222;--lightblack:#555;--white:#f9f9f9;--orange:#ff9318;--orangegradient:linear-gradient(90deg,#ff9318,#fa6603)}body{font-family:Open Sans,sans-serif}
/*# sourceMappingURL=main.b3a533d2.css.map*/