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}*{margin:0;padding:0;transition:all .6s}body{overflow-x:hidden}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#a6d8f2}body::-webkit-scrollbar-thumb{background-color:#2c9dc9;border-radius:20px}.app{background:linear-gradient(#2b6c67,#1e4658);min-height:100vh}.menu{align-items:center;display:flex;height:100px;justify-content:space-between;padding:0 30px}.title h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#5bebee 20%,#349ac2 70%);-webkit-background-clip:text;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:30px;font-weight:800}.header .list{display:flex}.header .list .list-item{margin-left:30px}.header .list-item span{color:#fff;cursor:pointer}.header .list-item span:hover{text-decoration:underline}.header-content{color:#fff;font-size:30px;margin-left:150px;margin-top:150px;max-width:700px}.header-btn{background:none;border:1px solid #a0f1ff;border-radius:10px;color:#a0f1ff;cursor:pointer;height:40px;margin-top:50px;width:120px}.header-btn:hover{border:1px solid #10899f}.header .descr{-webkit-animation:header-anim 2s;animation:header-anim 2s;position:relative}@-webkit-keyframes header-anim{0%{right:-1000%}50%{right:0}}@keyframes header-anim{0%{right:-1000%}50%{right:0}}.sounds-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#5bebee 20%,#349ac2 70%);-webkit-background-clip:text;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:32px;text-align:center}.logo{height:150px;-webkit-user-select:none;user-select:none;width:150px}.logo img{border-radius:100%;height:100%;width:100%}.sounds{display:flex;flex-wrap:wrap;justify-content:center;margin:80px auto 0;max-width:800px}.sounds-item{align-items:center;background:linear-gradient(#2b6c67,#1e4658);cursor:pointer;display:flex;flex-direction:column;margin-bottom:40px;margin-left:20px;margin-right:20px;padding:30px;position:relative;-webkit-user-select:none;user-select:none}.sounds-item:hover{background:#1b4654}.about-title{font-size:40px;margin-top:100px}.about-descr,.about-title{color:#fff;text-align:center}.about-descr{-webkit-animation:descr-anim 2s;animation:descr-anim 2s;font-size:20px;margin:50px auto 0;max-width:500px;position:relative}@-webkit-keyframes descr-anim{0%{left:-1000%}50%{left:0}}@keyframes descr-anim{0%{left:-1000%}50%{left:0}}.sounds-block{margin-top:190px;padding:0 30px;-webkit-user-select:none;user-select:none}footer.header{margin-top:100px}.play{-webkit-animation:play-anim 1s;animation:play-anim 1s;left:50%;position:absolute;top:43%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:100px}@-webkit-keyframes play-anim{0%{width:0}50%{width:100px}}@keyframes play-anim{0%{width:0}50%{width:100px}}.volume-block{margin-top:20px}@media screen and (max-width:910px){.header-content{align-items:center;display:flex;flex-direction:column;font-size:20px;margin:150px auto}.header-content .descr{text-align:center}}
/*# sourceMappingURL=main.2315028e.css.map*/