html{box-sizing:border-box;font-family:sans-serif;font-size:16px}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{background-color:#f2ea02;font-family:Roboto Mono,monospace}.controls-container{display:flex;height:25%;justify-content:space-evenly;padding:.5rem}.recorder-display{align-items:center;display:flex;font-size:2rem;width:50%}@-webkit-keyframes animated-block{0%{opacity:0}to{opacity:1}}@keyframes animated-block{0%{opacity:0}to{opacity:1}}.recording-indicator{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:animated-block;animation-name:animated-block;background-color:#099fff;border-radius:50%;height:10px;margin-right:.5rem;width:10px}.recording-time{align-items:center;display:flex;justify-content:center;width:80%}.cancel-button-container{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:animated-block;animation-name:animated-block;display:grid;place-content:center;width:20%}.cancel-button,.start-button{background-color:#fff;border:none;border-radius:50%;cursor:pointer}.cancel-button:hover{color:#fd1c03}.cancel-button{height:25px;width:25px}.start-button-container{display:grid;place-content:center;width:15%}.start-button:hover{background-color:#f2ea02;color:#41295a}.start-button{height:40px;width:40px}.recordings-container{height:75%;padding:0 2rem}.recordings-container h1{margin-bottom:1rem;text-align:center}.no-records{display:grid;font-size:1.5rem;margin-top:10%;place-content:center;place-items:center;text-align:center}.recordings-list::-webkit-scrollbar{width:5px}.recordings-list::-webkit-scrollbar-track{background:#e4d3cf}.recordings-list::-webkit-scrollbar-thumb{background:#099fff}.recordings-list{display:grid;justify-content:center;max-height:85%;overflow-y:auto}.record{display:flex;justify-content:space-evenly;padding:.5rem}.record audio{max-width:60%;min-width:80%}.delete-button-container{display:grid;max-width:10%;min-width:20%;place-content:center}.delete-button{background-color:#fff;border:none;border-radius:50%;cursor:pointer;height:25px;width:25px}.delete-button:hover{color:#fd1c03}.input-file-container{left:50%;margin-top:40px;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:250px}.input-file-trigger{background:#39d2b4;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1em;padding:14px 45px;transition:all .2s}.input-file{cursor:pointer;left:0;opacity:0;padding:14px 0;position:absolute;top:0;width:250px}.input-file-trigger:focus,.input-file-trigger:hover,.input-file:focus+.input-file-trigger,.input-file:hover+.input-file-trigger{background:#34495e;color:#39d2b4}.audio{margin-top:20px}.audio,.submitBtn{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.submitBtn{background:transparent;background:#1172c4;border:2px solid #fff;border-radius:22px;color:#fff;margin-bottom:5px;margin-top:100px;padding:10px;text-transform:uppercase;transition:all .2s linear;width:85px;z-index:3}.submitBtn:hover{cursor:pointer;transition:all .2s linear}.submitBtn:active{border-radius:22px}.detail-info{line-height:25px;padding:12px;position:absolute;top:60%;width:432px}.ul-style{padding:15px}.voice-recorder{display:grid;min-height:100vh;place-content:center}.title{font-size:3rem;margin-bottom:2rem;text-align:center}.recorder-container{background:linear-gradient(90deg,#41295a,#2f0743);border-radius:1rem;color:#fff;height:70vh;min-width:300px;width:30vw}a{cursor:pointer;outline:none;text-decoration:none}.outline{background:transparent;border:2px solid #1172c4;border-radius:22px;color:#1172c4;font-size:14px;margin-bottom:5px;padding:5px 10px;position:relative;text-transform:uppercase;width:75px;z-index:3}.outline,.outline:hover{transition:all .2s linear}.outline:hover{background:#1172c4;border-color:#fff;color:#fff}.outline:active{border-radius:22px}.toggleBtn{background:transparent;border-color:#664e96;color:#664e96;font-weight:700;text-align:center}.toggleBtn:hover{background:#664e96;border-color:#664e96;color:#fff}
/*# sourceMappingURL=main.1531f245.css.map*/