@font-face{font-family:Paytone One;font-style:normal;font-weight:400;src:local(""),url(assets/fonts/paytone-one-v18-latin-regular.ab46dc2bfbc7a5ec6ceae609b610c753.woff2) format("woff2"),url(assets/fonts/paytone-one-v18-latin-regular.5c690381d63e50d6fd271211f7b49b42.woff) format("woff")}body{background:radial-gradient(#cfcfcf 5%,#1e7c26 95%);color:#fff;font-family:Bakbak One,cursive}.header{height:20%}.header,.main{text-align:center}.main{height:60%}.footer{display:flex;height:12em;justify-content:space-between;margin-top:2em;text-align:center}.footer h2{align-self:center;margin-left:1em}.footer .social-media{align-items:center;display:flex;justify-content:end}.footer .social-media a{text-decoration:none}.footer .social-media a p{color:#fff;font-weight:700;margin:0}.footer .social-media a figure{margin:0 2em}.footer .social-media a img{width:80px}@media(max-width:600px){.footer{display:block;height:auto;text-align:center}.footer .social-media{flex-direction:column}.footer .social-media a{margin:1em 0}}canvas{background-color:#fff;border:4px solid #23922c;border-radius:5%}.range-container{align-items:center;display:flex;height:140px;justify-content:center;margin:.9em 0}.range-container img{height:65%}.range-container .rangeButton{background-color:#fff;border-radius:25px;cursor:pointer;display:inline-block;margin:0 1em;width:350px}@media(max-width:600px){.range-container{height:70px;margin:0}.range-container .rangeButton{width:60%}}.colors-container{margin-bottom:1em}.colors-container input{border:1px solid #000;border-bottom-left-radius:25px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:25px;cursor:pointer;height:45px;margin:0 4px;width:45px}.colors-container input:hover{transform:scale(.95);transition:20ms}.colors-container input:active{transform:scale(.9);transition:20ms}.colors-container .black{background-color:#000}.colors-container .red{background-color:red}.colors-container .blue{background-color:blue}.colors-container .green{background-color:green}.colors-container .yellow{background-color:#ff0}.colors-container .white{background-color:#fff}@media(max-width:500px){.colors-container{margin-bottom:0;padding:0 4em}.colors-container input{height:40px;width:40px}}.colors-container #colorButton{-webkit-appearance:none}#colorButton::-webkit-color-swatch-wrapper{border-radius:20px;padding:0}#colorButton::-webkit-color-swatch{background:linear-gradient(#ff0606,#78c71f,#1a9bc2,#691e7c);border:none;border-bottom-left-radius:25px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:25px}.options button{background-color:#fff;border-radius:25px;cursor:pointer;display:inline-block;padding:5px 30px}.options button:hover{transform:scale(1.05);transition:45ms}.options .download{border-radius:25px;display:inline-block;margin:16px 15px -5px}.clearButton__image,.download__image{padding:4px 2px;width:24px}@media(max-width:500px){.options button{padding:0 35px}.clearButton__image,.download__image{padding:4px 2px;width:18px}}