*{margin:0;padding:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style-type:none}.App{box-sizing:border-box;display:flex;margin:25px}.left-panel{margin-right:20px;width:20%}.left-panel,.right-panel{display:flex;flex-direction:column}.right-panel{width:100%}.write-letter{margin:20px 0 0;padding:10px}.list{margin-top:20px}.list .active{background-color:#e5f1f3;font-weight:600;padding:0 5px}li{cursor:pointer}.list li{line-height:2em;padding:0 5px}.search{background-color:#e5f1f3;border:none;border-radius:5px;box-sizing:border-box;margin:20px 0;outline:none;padding:10px;width:50%}.mail-list-item{font-weight:500}.mail-list-item,.mail-list-item.read{background-color:#d2e5ea;display:flex;margin-bottom:5px;padding:7px 0}.mail-list-item.read{font-weight:300}.mail-sender{margin-left:10px;width:20%}.mail-header{width:70%}.mail-date{width:10%}.email-form{align-items:flex-start;background:#fff;border:1px solid #ccc;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;height:30%;overflow-y:auto;padding:15px;position:fixed;right:20px;width:30%;z-index:1000}.email-form span{background-color:#d2e5ea;margin-bottom:10px;padding:10px 0 10px 5px;width:100%}.email-form .field-label{border-bottom:1px solid #8d8c8c;margin:10px 0;padding-bottom:5px;width:100%}.email-form .field-label input{border:none;outline:none}.input-field{border:none;height:30%}.email-form .message-label{height:100%;margin-bottom:5px;width:100%}.email-form .message-label textarea{border-left:none;border-right:none;border-top:none;height:100%;outline:none;resize:none;width:100%}.form-btn,.submit-btn{margin:0 auto}.submit-btn{padding:10px 20px}.view-letter{width:100%}.view-box{background-color:#e4eff2;border-radius:10px;box-sizing:border-box;height:85vh;padding:20px;width:98%}.header-container{display:flex;justify-content:space-between}.view-header{line-height:2em}.return-icon{height:30px;width:30px}.view-header p{font-size:1.4em}.view-header span a{font-size:.8em}.view-description{background-color:#f1f6f8;box-sizing:border-box;line-height:1.5em;margin:20px 0;min-height:80%;padding:10px;text-align:justify;text-indent:20px;width:100%}
/*# sourceMappingURL=main.19caa8be.css.map*/