body{font-family:"Roboto",sans-serif;padding:0;margin:0;box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;align-items:center;color:#fff}.App{padding:2rem;background-color:#2c2c2c;width:50vw;min-height:100vh}.App h2{padding:.5rem}.App .Header{margin:0;padding:1rem 2rem 3rem;text-align:center;border-bottom:2px solid #ffb835}.App .create-element{display:flex;flex-direction:column;align-items:center;padding-bottom:3rem;border-bottom:2px solid #ffb835}.elements{border-radius:10px;padding:2rem;width:90%;min-height:200px;border:1px solid #fff}.elements button{float:right;margin-top:1rem;cursor:pointer;color:#fff;text-shadow:-1px 1px 4px #1f1f1f;font-size:16px;font-weight:700;min-width:90px;padding:.8rem;border-radius:10px;outline:none;border:none;background-color:#fcbe4d}.create-element h3{margin:0 0 2rem}.add-link textarea,.inner-text textarea{padding:.5rem;margin-bottom:1rem;border-radius:10px;max-width:98%;min-width:98%;min-height:100px;font-size:16px;outline:none;border:none}.add-style label,.inner-text label{font-size:16px}.App .generated-element{display:flex;flex-direction:column;align-items:center;width:100%}.App .view-box{font-family:"Courier Prime",monospace;font-size:18px;font-weight:700;padding:1.5rem;margin-top:0;margin-bottom:2rem;color:#303030;min-width:94%;max-width:100%;height:auto;background-color:hsla(0,0%,100%,.966);border-radius:10px;word-break:break-all;word-wrap:wrap}.App .copy-button{cursor:pointer;color:#fff;text-shadow:-1px 1px 5px #1f1f1f;font-size:16px;font-weight:700;padding:1rem 2rem;border-radius:15px;outline:none;border:none;background-color:#ffb835;transition:all .3s ease}.App .copy-button:hover{background-color:#ffa600}@media (max-width:1100px){.App{width:70vw}}@media (max-width:768px){.App{padding:1rem;width:100vw}.App h2{font-size:20px}.App .view-box{font-size:16px;padding:1rem;margin-bottom:2rem;min-width:80%;max-width:80%}.App .Header{padding:1rem .5rem 2rem}.App .create-element{padding-bottom:2rem}.elements{padding:1rem;width:85%;min-height:100px}.elements button{font-size:14px;min-width:80px;padding:.6rem}.create-element h3{font-size:16px;margin:0 0 1rem}.add-link textarea,.inner-text textarea{max-width:95%;min-width:95%;min-height:50px;font-size:14px}.add-style label,.inner-text label{font-size:14px}.App .copy-button{font-size:14px;border-radius:10px;padding:.8rem 1.5rem;background-color:#ffbc40}}
/*# sourceMappingURL=main.fd7c39be.chunk.css.map */