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}:root{--bg-black:#282c34;--grey-border:#eae9e9;--btn-red:#f54f42;--btn-orange:#ffab40;--btn-green:#75c076;--black:#000}*,:after,:before{box-sizing:border-box}ul{list-style-type:none;padding-left:0}button{border:none;background:none;cursor:pointer}.App{display:flex;flex-direction:column;flex-wrap:wrap}.App-header{position:relative;width:300px}.App-container{display:flex;justify-content:center;padding:10px}.App h1{align-self:center}.App-header button{display:none}.navbar{height:100vh;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;font-size:calc(10px + 1.5vmin);position:fixed;width:100px;padding:20px}.navbar a{text-decoration:none;margin-bottom:40px;width:70px;height:40px;display:flex;align-items:center}.filters-container{border:1px solid;padding:5px 10px 10px;display:flex;grid-gap:20px;gap:20px}.inbox{width:100%}.inbox-btns-container,.inbox-header{display:flex;justify-content:space-between;flex-wrap:wrap;grid-gap:10px;gap:10px}.mail-item{border:1px solid #eae9e9;border:1px solid var(--grey-border);padding:20px;border-radius:10px}.inbox-header h3{margin:0}.inbox-click-container button:first-of-type{color:#f54f42;color:var(--btn-red);padding-left:0}.inbox-click-container button:nth-of-type(2){color:#ffab40;color:var(--btn-orange)}.inbox-click-container button:nth-of-type(3){color:#75c076;color:var(--btn-green)}.view-btn{text-decoration:none;color:#000;color:var(--black);font-size:14px}.individual-mail,.spam,.trash{width:100%;display:flex}.individual-mail{flex-direction:column}.individual-mail h2{align-self:flex-start}.nav-mobile{display:none}@media only screen and (max-width:768px){.App-header{width:0}.App{margin-bottom:70px}.navbar{display:none}.nav-mobile{display:flex;align-items:center;justify-content:space-around;font-size:calc(10px + 1.5vmin);position:fixed;bottom:-40px;left:0;width:100%;padding:20px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.nav-mobile a{text-decoration:none;margin-bottom:40px;width:70px;height:40px;display:flex;justify-content:center}}
/*# sourceMappingURL=main.c1c002b2.chunk.css.map */