*,html{font-weight:300;scroll-behavior:smooth;box-sizing:border-box}@font-face{font-family:upright;src:url(/fonts/Upright.otf) format("opentype");font-display:swap}body{background-color:#fff;font-family:upright,sans-serif;margin:0;padding:0}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}header{background-color:#202020;text-align:center;padding:.5rem 0}header h1{font-size:3.8rem;color:#fff;-webkit-text-stroke:1.5px black;margin:0}.container{max-width:500px;background-color:#dedede;border:2px solid #000000;margin:2rem auto;padding:1.5rem;width:100%;box-sizing:border-box;flex:1}.container.with-image{margin-top:2.5rem;margin-bottom:2.5rem}.textInput{height:120px;width:100%;background-color:#fefefe;border:2px solid #000000;font-family:upright,sans-serif;font-size:1.5rem;margin-top:1rem;padding:1rem;resize:none;transition:border-color .3s ease;box-sizing:border-box}.textInput::placeholder{color:#202020}.textInput:focus{border-color:#505050;outline:none}.textInput:focus::placeholder{color:#505050}.buttons{margin-top:1em;margin-bottom:1em;display:flex;gap:1em;justify-content:center}.changePictureBtn,.downloadBtn{background-color:#fff;border:2px solid #000000;font-family:upright,sans-serif;font-size:1.5rem;color:#202020;padding:.5em 1em;transition:background-color .3s ease,border-color .3s ease,color .3s ease;cursor:pointer}.changePictureBtn:hover,.downloadBtn:hover{background-color:#f5f5f5;border-color:#505050;color:#505050}.drop-area{background-color:#fff;border:2px solid #000000;text-align:center;font-size:1.5rem;color:#202020;margin:1rem 0;padding:2rem;position:relative;transition:background-color .3s ease,border-color .3s ease,color .3s ease;cursor:pointer}.drop-area:hover{background-color:#f5f5f5;border-color:#505050;color:#505050}.drop-area input[type=file]{width:100%;height:100%;top:0;left:0;opacity:0;position:absolute;cursor:pointer}.image-container{text-align:center;margin-top:1rem}canvas#canvas{max-width:100%;border:2px solid #000000}.footer{background-color:#202020;font-size:1.45rem;text-align:center;color:#fff;-webkit-text-stroke:.8px black;padding:.8rem 0}.footer-content{max-width:700px;margin:0 auto}.footer-text p{margin:0 0 .3rem;color:#fff}.footer-text a{color:#fff;text-decoration:#505050 underline;transition:color .3s ease}.footer-text a:hover{color:#dedede}@media(max-width:600px){html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}.container{max-width:95%;flex:0;margin:auto auto 0}.footer{margin-top:auto;width:100%;box-sizing:border-box}}@media(min-width:601px)and (max-width:900px){html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}.container{max-width:90%;flex:0;margin:auto auto 0}.footer{margin-top:auto;width:100%;box-sizing:border-box}}@media(min-width:901px){html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}.container{flex:0;margin:auto auto 0}.footer{margin-top:auto;width:100%;box-sizing:border-box}}