@import url(https://fonts.googleapis.com/css2?family=Jost:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:scroll;background-color:#0f0e0c;background-image:url(/static/media/background.3afaac02f2fdfeaf601c.png);color:#fef8e2;font-family:Joystix,sans-serif;margin:0}code{font-family:joyxstix_monospace,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:flex-start;margin:50px 0 0}.left{margin-left:0}.left,.right{flex-direction:column}.header,.left,.right{align-items:center;display:flex;justify-content:center}.header{text-wrap:nowrap;font-size:1em;font-weight:700;margin:5px 0;overflow:hidden;text-align:center}.alpaca{aspect-ratio:1;margin:0;position:relative;width:480px}.alpaca img{height:100%;margin:0;width:100%}.alpaca-Special{left:0;position:absolute;top:0;z-index:10}.alpaca-Background{z-index:1}.alpaca-Background,.alpaca-Mouth{left:0;margin:0;position:absolute;top:0}.alpaca-Mouth{z-index:5}.alpaca-Head{z-index:4}.alpaca-Eyes,.alpaca-Head{left:0;margin:0;position:absolute;top:0}.alpaca-Eyes{z-index:3}.alpaca-Skin{left:0;margin:0;position:absolute;top:0;z-index:2}.feature-control{margin-left:0}.feature-btn-header{font-size:20px;margin:0 0 10px}.style-control{margin-left:0;margin-top:50px}.style-btn-header{font-size:20px;margin:0 0 10px}.feature-btn-wrapper,.style-btn-wrapper{width:590px}.feature-btn,.style-btn{background-color:#fef8e260;border:.15em solid #fce184;box-sizing:border-box;color:#fef8e2;font-family:Jost,sans-serif;font-size:15px;font-weight:700;margin:5px;padding:12px 30px;text-align:center;transition:all .2s}.feature-btn:hover,.feature-btn_selected,.style-btn:hover,.style-btn_selected{background-color:#fce18470;border:.15em solid #fce184;color:#fce184;cursor:pointer}.controls-btns{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:20px;padding:0;width:100%}.randomize-btn{background:#fef8e270;border:.15em solid #fce184;border-radius:3px;color:#fef8e2;cursor:pointer;display:inline-block;font-family:Jost,sans-serif;font-size:20px;font-weight:700;outline:0;padding:.8em 2.8em;text-align:center;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.randomize-btn:hover{background:#fce18470;border:.15em solid #fce184;color:#fce184}.download-btn{background:#fef8e270;border:.15em solid #fce184;border-radius:3px;color:#fef8e2;cursor:pointer;display:inline-block;font-family:Jost,sans-serif;font-size:20px;font-weight:700;outline:0;padding:.8em 2.8em;text-align:center;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.download-btn:hover{background:#fce18470;border:.15em solid #fce184;color:#fce184}@media only screen and (max-width:600px){.alpaca{width:425px}.alpaca img{height:100%;width:100%}.header{font-size:2.6em}.download-btn,.randomize-btn{padding:.75em 2.5em}.feature-btn-wrapper,.style-btn-wrapper{width:430px}}@media only screen and (max-width:680px){.alpaca{width:300px}.alpaca img{height:100%;width:100%}.header{font-size:1.9em}.download-btn,.randomize-btn{padding:.5em 1em}.feature-control{margin-left:0;width:80%}.feature-btn-header{font-size:20px;margin:0 0 10px}.style-control{margin-left:0;margin-top:50px;width:80%}.style-btn-header{font-size:20px;margin:0 0 10px}.feature-btn-wrapper,.style-btn-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}}@font-face{font-family:Joystix;src:url(/static/media/joystix_monospace.03fd394186f4c9707258.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#fce18490;color:#fef8e2;display:flex;flex-direction:column;font-family:Joystix,sans-serif;gap:50px;justify-content:center;min-height:100vh}.App-link{color:#fce184}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{border:1px solid #fce184;border-top:#0000;gap:80px;margin:0 50px;padding-bottom:2em;padding-top:2em}.container,.headcontainer{align-items:center;background-color:#0f0e0c;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.headcontainer{border:1px solid #fce184;margin-left:50px;margin-right:50px;margin-top:100px;overflow:hidden;padding:1em;text-align:center}
/*# sourceMappingURL=main.3cc861ad.css.map*/