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}*{-webkit-user-select:none;user-select:none}body{background:#141414}.header{align-items:flex-end;display:flex;height:130px;max-width:100%;padding:0 50px}.header__logo{height:50px;width:50px}.header__logo img{height:100%;width:100%}.header__title{margin-left:10px}.header__title h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#12bcb0 20%,#fabe0e 70%);-webkit-background-clip:text;color:#fff;font-size:40px;font-weight:1000}.logo{align-items:center;border-radius:100%;display:flex;height:250px;justify-content:center;width:250px}.logo img{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-name:logo;animation-name:logo;height:150px;width:150px}@-webkit-keyframes logo{0%{height:0;width:0}to{height:150px;width:160px}}@keyframes logo{0%{height:0;width:0}to{height:150px;width:160px}}.sounds{align-items:baseline;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px auto;width:1110px}.sound{align-items:flex-start;background:#0c0c0c;background:linear-gradient(135deg,#0c0c0c 30%,#1b1b1b 70%);border-radius:5px;display:flex;flex-direction:column;margin-top:50px;padding:40px;transition:all .5s}.sound:hover{padding:50px}.title{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#1dbfe3,#eaff00);-webkit-box-decoration-break:clone;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px;margin-top:30px;max-width:250px}@media screen and (max-width:1366px){.sound:hover{padding:40px}}@media screen and (max-width:1110px){.sounds{align-items:center;flex-direction:column;flex-wrap:nowrap;width:100%}.logo{height:300px;width:300px}}@media screen and (max-width:510px){.header{display:flex;justify-content:center;padding:0}.header__logo{height:60px;width:60px}}@media screen and (max-width:400px){.sound{align-items:center;display:flex;flex-direction:column}.sound,.sound:hover{padding:10px}}
/*# sourceMappingURL=main.5668adb7.css.map*/