@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;700&display=swap);.app,body,html{margin:0;height:100%;overflow:hidden;width:100%;font-family:Roboto,sans-serif;position:absolute;display:flex}.app .row,body .row,html .row{overflow:auto}.app h1,body h1,html h1{font-size:36px;font-weight:400}.app h2,body h2,html h2{font-weight:600}.app h3,body h3,html h3{font-size:20px}#app{font-family:Roboto,sans-serif}body,html{background:#fff}.center-element{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;flex-wrap:wrap}.center-element>div{height:8px}.content{position:relative;display:block;overflow:hidden;margin-top:100px;height:calc(100% - 100px)}.content .main{overflow-y:auto;height:calc(100% - 90px);position:relative}.content .action-bar{padding-top:10px;height:90px}.access-btn .btn-secondary{min-width:160px!important;display:flex;align-items:center;justify-content:center}.header{padding:30px 0 30px 0;background:#fff;position:absolute;left:0;top:0;height:100px}.header,.header .logo{display:flex;width:100%}.header .logo{align-items:center;justify-content:center}.header .small img{width:120px}.header .page{max-width:600px!important;overflow:hidden}.audio-player{align-items:center;justify-content:center}.btn-outline-primary{color:#5200ff!important;background-color:transparent!important;border-color:#5200ff!important}.counter{margin-top:10vh}.counter h1{font-size:100px}.counter p{font-size:24px}.illustration{padding:20px 0;display:flex;align-items:center;justify-content:center}.illustration img{width:100%;max-width:500px}.trash-btn{width:100%;display:flex;align-items:center;justify-content:center;margin:10px 0 20px 0}.audio-player{display:flex;flex-direction:column;align-items:flex-start}.audio-player audio{margin-top:20px;margin-bottom:20px;width:100%}.progress{margin-top:10px;height:10px}.progress svg{height:8px;width:100%}.progress svg .bg{fill:#d3d3d3}.progress svg .fill{fill:#5200ff}.progress svg .unfilled-text{fill:#000}.progress svg .filled-text{fill:#fff}.recording{margin-top:10vh}.recording img{width:100px}.btn-secondary{color:#fff;background-color:#5200ff!important;border-color:#5200ff!important}.access-icon{width:100%;display:flex;align-items:center;justify-content:center;padding:10px 0 30px 0}.audio-player{width:100%;padding:20px 0 20px 0}.access-btn{width:100%;display:flex;align-items:center;justify-content:center}