body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:url(/static/media/church.8a350618565426105a04.jpg) no-repeat 50% fixed;background-size:cover;display:flex;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;transition:all .5s ease}.App:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.content{position:absolute;transition:transform .5s ease,opacity .5s ease;width:100%;z-index:1}.content-hidden{opacity:0;pointer-events:none;transform:translateY(-50px)}.textarea{background-color:#ffffff80;border:2px solid #dddddd80;border-radius:5px;color:#000000b3;font-size:16px;max-width:80%;outline:none;overflow:hidden;padding:10px;resize:none;transition:height .5s ease,margin-bottom .5s ease;width:300px}.textarea:focus{box-shadow:0 0 0 2px #6f0000}.submit-button{background-color:#6f0000b3;border:none;border-radius:5px;color:#ffffffe6;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease,opacity .5s ease,visibility .5s ease}.button-hidden{opacity:0;visibility:hidden}.verse-container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .5s ease,opacity .5s ease;width:auto;z-index:1}.verse{background-color:#ffffff80;border-radius:5px;color:#555555e6;font-size:24px;font-style:italic;line-height:1.6;margin:20px auto;max-width:600px;padding:20px;text-align:center;transition:opacity .5s ease}.go-back-button{background-color:#ffffff4d;border:2px solid #6f0000b3;border-radius:5px;color:#6f0000b3;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.go-back-button:hover{background-color:#6f0000b3;color:#ffffffe6}.input-form{align-items:center;display:flex;flex-direction:column;gap:10px;z-index:1}@media (max-width:768px){.textarea{font-size:14px;width:90%}.submit-button{font-size:14px;padding:8px 16px}.verse{font-size:18px;margin:10px auto;padding:15px}.go-back-button{font-size:14px;padding:8px 16px}}@media (max-width:480px){.textarea{font-size:12px}.verse{font-size:16px}.go-back-button{font-size:12px}}
/*# sourceMappingURL=main.200545e6.css.map*/