*{margin:0}.App{background-color:#b49ae7;height:100vh}.App>:first-child,.App>:first-child>div{display:flex;justify-content:flex-end;align-items:center}.App>:first-child{justify-content:space-between;width:90%;margin:auto}.App>:first-child>div{width:30%}.App>:first-child>div>button{margin:1% 8%}.editArea{display:flex;width:80%;margin:auto;justify-content:space-between}button{font-size:16px;padding:10px;margin-bottom:20px}.text-container{position:relative;width:55%;height:65vh;background-color:#e4daf8;padding:2%;border-radius:40px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset}.text-container>input{background-color:transparent;border:none;cursor:grab;text-align:center;max-width:100%;Max-height:100%}.text-container>input:active{cursor:grabbing}.text-container+div{width:max-content;margin:8%;display:flex;flex-direction:column;justify-content:space-between;padding:3%;border-radius:40px;background-color:#8c57f3;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.controls{padding:10%;border-radius:20px;background-color:#c499f3;font-size:1.2rem;font-weight:800;color:#450cb0;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.size{width:29%}.controls>div{margin-bottom:10%}button{border-radius:20px;border:none;font-size:1.2rem;padding:10px 40px;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;background-color:#7232ec;color:#d2c3ef}img{width:3rem;height:3rem}a{margin:10%}footer{position:fixed;bottom:0;width:100%;text-align:center;color:#2f0480}
