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}@font-face{font-family:KantumruyPro;src:url(/static/media/KantumruyPro-VariableFont_wght.8cd3012caf3ca9a1af6c.ttf) format("truetype")}*{box-sizing:border-box;font-family:KantumruyPro}body{background-color:#f8f8f8}.App{text-align:center}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.container{gap:64px;margin:15vh auto;max-width:650px;width:650px}.container,.input-area,.main-area{align-items:center;display:flex;flex-direction:column;justify-content:center}.input-area,.main-area{width:100%}.main-area{gap:20px}.input-area{gap:8px}.first-input{align-items:start;display:flex;flex-direction:column;gap:8px;width:100%}.message-header{color:#3b454e;font-size:16px;font-weight:400;margin-bottom:0}.logo{user-drag:none;-webkit-user-drag:none;height:auto;width:240px}.logo-area{align-items:center;display:flex;flex-direction:column;gap:4px}.title-text{color:#7b7676;font-family:Times New Roman,Times,serif;font-family:KantumruyPro,sans-serif;font-size:20px;font-weight:400;margin:0}.note-input{height:150px;width:100%}.name-input{height:40;width:100%}.submit-button{background-color:#000;border:none;color:#fff;height:40px;width:100%}#submit-btn{transition:all .3s ease-in-out}input,textarea{border:.5px solid #b1bac2;color:#0f0f0f;font-size:16px;padding-left:12px;padding-top:12px;resize:none;transition:border .6s ease-in-out}input,input::placeholder,textarea,textarea::placeholder{font-family:KantumruyPro,sans-serif;font:.9rem/3 sans-serif;line-height:130%;padding-bottom:12px}input:focus,textarea:focus{border:.5px solid #3b454e;outline:none}button{font-size:16px;transition:all .3s ease-in-out}button:disabled:hover{background-color:#c8c8c8}button:hover{background-color:#2b2b2b;cursor:pointer}button:disabled{background-color:#c8c8c8;cursor:auto}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:700px){.container{gap:48px;margin-top:7vh;width:85vw}.main-area{gap:8px}.title-text{font-size:24px}.note-input{height:200px}input,input::placeholder,textarea,textarea::placeholder{border-radius:0;font:1rem/3 sans-serif;line-height:130%}button{font-size:18px}}
/*# sourceMappingURL=main.43e04440.css.map*/