body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App,.App-header{background-color:#282c34}.App-header{height:100px;display:flex;align-items:center;margin-right:20%;justify-content:flex-end;font-size:28px;color:#fff}.image-header{margin-left:80px;height:70px;width:200px}.bell-header-container{height:100px;position:relative;margin-right:250px}.bell-header{position:absolute;margin-right:80px;height:180px;transform:scaleX(-1)}.flex-container{display:flex;align-items:center}.flex-container-2{display:flex;width:100%;align-items:flex-start;justify-content:space-between;margin:20px 0}.App-add-button{width:150px;height:30px;cursor:pointer;border-radius:5px;outline:none;border:none;background-color:#fff;margin-right:20px;margin-left:20px;color:#000;align-self:center}.App-add-button:active,.App-add-button:hover{background-color:hsla(0,0%,100%,.9)}.App-add-button:active{box-shadow:0 2px #25d366;transform:translateY(4px)}.first-text{margin-left:5px;font-size:22px;font-weight:700}.App-body{background-color:#282c34;color:#fff;height:calc(100vh - 100px)}.App-form{display:flex;margin:0 20%;flex-direction:column;align-items:flex-end;justify-content:flex-start}input,select{margin-bottom:20px;width:320px;height:30px}input,select,textarea{border-radius:5px;outline:none;direction:rtl;border:none}textarea{width:300px;height:80px;padding:10px;resize:none}.App-form-button{width:100%;height:50px;cursor:pointer;margin-top:20px;border-radius:5px;outline:none;border:none;background-color:#25d366;color:#fff}.App-form-button:hover{background-color:rgba(37,211,102,.9)}.App-form-button:active{background-color:#25d366;box-shadow:0 2px #666;transform:translateY(4px)}.app-form-button-text{font-size:18px;font-weight:700;padding:0;margin:0}.templates{align-self:center;margin-bottom:0}@media (max-width:800px){.App-form{width:95%}input,select{width:300px}}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.25cad6de.chunk.css.map */