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}footer{background-color:rgba(0,0,0,.1);display:flex;font-size:3rem;padding:20px 10px;place-content:center}footer p{margin:6px 0}footer nav{margin:0;padding:0;width:100%}footer nav ul{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;list-style:none;margin:0;padding:0}footer nav li{display:flex;height:70px;justify-content:center}footer nav a{border-bottom:.25rem;text-decoration:none}footer nav a.selected{border-style:solid;border-left:0;border-right:0;border-top:0;border-color:#fff}body{background-color:#1b1e26;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:450px}a,body{color:#00a290}a:visited{color:#00ceba}a.logo{display:flex;flex-direction:row;place-items:center;text-decoration:none}a.logo div{font-size:1rem}img.logo-file{height:100px;margin-right:10px;width:100px}div#root{display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow-y:auto}header{align-items:center;background-color:#000;flex-direction:row;position:-webkit-sticky;position:sticky;top:0}header,main{display:flex}main{flex-direction:column;flex-grow:1;overflow-y:auto;padding:20px}footer{bottom:0;position:-webkit-sticky;position:sticky}.visualizer{background-color:#fff8f000;display:flex;height:200px;width:100%}main button.record-play{align-self:center;background-color:#585656;border-radius:50%;color:#00a290;font-size:1.5rem;font-weight:700;margin:20px;min-height:150px;min-width:150px}main button.record-play.recording-audio{background-color:tomato;border-color:#ce4a33;border-radius:0;color:#fff}article{grid-row-gap:.5rem;display:grid;grid-template-columns:2fr;grid-template-rows:2fr;margin:1.25rem 0;row-gap:.5rem;width:100%}article audio{grid-column:1/span 2;height:2rem;width:100%}article button.delete{height:1.5rem;vertical-align:middle}article p{margin:0 0 0 1rem}article button.editName{background-color:initial;border:transparent;cursor:pointer}.vanish{-webkit-animation:vanish 1s 1;animation:vanish 1s 1}@-webkit-keyframes vanish{0%{opacity:1}10%{opacity:.8}20%{opacity:.6}30%{opacity:.4}60%{opacity:.2}to{opacity:0}}@keyframes vanish{0%{opacity:1}10%{opacity:.8}20%{opacity:.6}30%{opacity:.4}60%{opacity:.2}to{opacity:0}}.media-recorder-stats{color:#fff}
/*# sourceMappingURL=main.ea320f72.css.map*/