.frontend-container{align-items:center;background-image:url(/static/media/image.51278e2192067e2baff9.png);background-size:cover;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;min-width:96vw;padding:20px}.input-section{animation:fadeIn 1s ease;background:linear-gradient(90deg,#ffecd2 0,#ecbfb193);border-radius:20px;box-shadow:0 10px 25px #0000001a;max-width:600px;padding:40px;text-align:center;width:90%}.input-section h1{color:#2d3436;margin-bottom:10px}.input-section p{color:#636e72;font-size:1rem;margin-bottom:20px}.prompt-input{border:2px solid #dfe6e9;border-radius:30px;margin:15px 0;outline:none;padding:12px 15px;transition:.3s ease;width:80%}.prompt-input:focus{border-color:#0984e3;box-shadow:0 0 8px #0984e3}.submit-button{background:linear-gradient(135deg,#74b9ff,#a29bfe);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:all .3s ease}.submit-button:hover{background:linear-gradient(135deg,#6c5ce7,#0984e3);transform:scale(1.05)}.generated-page{animation:fadeIn .8s ease-in-out;display:flex;justify-content:center;min-height:95vh;min-width:95vw;position:relative}.back-button{background:#d63031;border:none;border-radius:8px;color:#fff;cursor:pointer;left:20px;padding:10px 15px;position:absolute;top:20px;transition:background .3s ease}.back-button:hover{background:#e17055}.rendered-html{background:#f1f2f6;border-radius:15px;box-shadow:inset 0 0 10px #0000001a;height:calc(100vh - 100px);margin-top:60px;overflow:auto;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 22s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{align-items:center;background-image:url(/static/media/load_img.442553e288e637c1de14.png);background-size:cover;color:#262a2b;display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center}#space{height:20vh}.loading-container{align-items:center;color:#2d3436;display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:absolute;text-align:center}#back,#loader,#side{border-radius:50%;height:150px;margin-left:12%;margin-top:-10%;position:absolute;width:150px}#loader{animation:spin 1s linear infinite;border:10px solid #3d8d7a;border-top-color:#b3d8a8;box-shadow:0 0 20px #3d8d7a;z-index:3}#side{animation:rotateY 3s linear infinite alternate;border:10px solid #ffb433;border-top-color:#80cbc4;box-shadow:0 0 15px #ffb433;opacity:.8;z-index:2}#back{animation:rotateX 4s linear infinite alternate;border:10px solid #640d5f;border-top-color:#d91656;box-shadow:0 0 15px #d91656;opacity:.7;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateY{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes rotateX{0%{transform:rotateX(0deg)}to{transform:rotateX(1turn)}}
/*# sourceMappingURL=main.0b775f0f.css.map*/