Music
Words
Tools
Quizzes
Support
Links
Welcome
Listen to some music,
learn how to make your own,
and use some tools
to help make it easier.
Listen More
Read More
Try it out
Friend
}%2012.5%25%20{transform:%20scale(1.1)}%2025%25%20{transform:%20scale(1)}%20100%25%20{transform:%20scale(1)}%20}%20@keyframes%20scale-2%20{%200%25%20{transform:%20scale(1)}%2025%25%20{transform:%20scale(1)}%2037.5%25%20{transform:%20scale(1.1)}%2050%25%20{transform:%20scale(1)}%20100%25%20{transform:%20scale(1)}%20}%20@keyframes%20scale-3%20{%200%25%20{transform:%20scale(1)}%2050%25%20{transform:%20scale(1)}%2062.5%25%20{transform:%20scale(1.1)}%2075%25%20{transform:%20scale(1)}%20100%25%20{transform:%20scale(1)}%20}%20@keyframes%20scale-4%20{%200%25%20{transform:%20scale(1)}%2075%25%20{transform:%20scale(1)}%2087.5%25%20{transform:%20scale(1.1)}%20100%25%20{transform:%20scale(1)}%20}%20.chord-1%20{%20transform-origin:%2050%25%2050%25;%20animation:%20scale-1%205s%20ease-in-out%20infinite;%20}%20.chord-2%20{%20transform-origin:%2050%25%2050%25;%20animation:%20scale-2%205s%20ease-in-out%20infinite;%20}%20.chord-3%20{%20transform-origin:%2050%25%2050%25;%20animation:%20scale-3%205s%20ease-in-out%20infinite;%20}%20.chord-4%20{%20animation:%20scale-4%205s%20ease-in-out%20infinite;%20transform-origin:%2050%25%2050%25;%20}%20/*%20]]%3e%20*/%20%3c/style%3e%3c!--%20%3cpath%20fill='url(%23paint0_linear)'%20d='M0%200h256v160H0z'/%3e%20--%3e%3crect%20class='chord-1'%20x='28'%20y='100'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-1'%20x='28'%20y='72'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-1'%20x='28'%20y='45'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-2'%20x='85'%20y='100'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-2'%20x='85'%20y='53'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-2'%20x='85'%20y='28'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-3'%20x='142'%20y='116'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-3'%20x='142'%20y='88'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-3'%20x='142'%20y='56'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-3'%20x='142'%20y='28'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-4'%20x='199'%20y='116'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-4'%20x='199'%20y='72'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-4'%20x='199'%20y='45'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='0'%20y1='0'%20x2='257.409'%20y2='2.30019'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%235C01B8'/%3e%3cstop%20offset='1'%20stop-color='%232C00DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
}%2050%25%20{transform:%20translateY(-20px)}%20100%25%20{transform:%20translateY(0px)}%20}%20@keyframes%20move-2%20{%200%25%20{transform:%20translateY(0px)}%2050%25%20{transform:%20translateY(-40px)}%20100%25%20{transform:%20translateY(0px)}%20}%20@keyframes%20move-3%20{%200%25%20{transform:%20translateY(0px)}%2050%25%20{transform:%20translateY(-60px)}%20100%25%20{transform:%20translateY(0px)}%20}%20%23block-4%20{%20animation:%20move-1%205s%20ease-in-out%20infinite;%20}%20%23block-6%20{%20animation:%20move-2%205s%20ease-in-out%20infinite;%20}%20%23block-8%20{%20animation:%20move-3%205s%20ease-in-out%20infinite;%20}%20/*%20%3c!--%20]]%3e%20--%3e%20*/%20%3c/style%3e%3c!--%20%3crect%20id='background'%20width='256'%20height='160'%20fill='url(%23paint0_linear)'/%3e%20--%3e%3crect%20id='block-8'%20x='200'%20y='86'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-7'%20x='200'%20y='116'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-6'%20x='143'%20y='86'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-5'%20x='143'%20y='116'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-4'%20x='86'%20y='86'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-3'%20x='86'%20y='116'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-2'%20x='24'%20y='86'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-1'%20x='24'%20y='116'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='0'%20y1='0'%20x2='251.775'%20y2='-6.3933'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2301A56A'/%3e%3cstop%20offset='1'%20stop-color='%230071B0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
'/%3e%20--%3e%3cpath%20id='key-1'%20d='M66%2032H54C52.8954%2032%2052%2032.8954%2052%2034V126C52%20127.105%2052.8954%20128%2054%20128H70C71.1046%20128%2072%20127.105%2072%20126V94H68C66.8954%2094%2066%2093.1046%2066%2092V32Z'/%3e%3cpath%20id='key-2'%20d='M74%2094V126C74%20127.105%2074.8954%20128%2076%20128H92C93.1046%20128%2094%20127.105%2094%20126V94H90C88.8954%2094%2088%2093.1046%2088%2092V32H80V92C80%2093.1046%2079.1046%2094%2078%2094H74Z'/%3e%3cpath%20id='key-3'%20d='M96%2094V126C96%20127.105%2096.8954%20128%2098%20128H114C115.105%20128%20116%20127.105%20116%20126V32H102V92C102%2093.1046%20101.105%2094%20100%2094H96Z'/%3e%3cpath%20id='key-4'%20d='M132%2032H118V126C118%20127.105%20118.895%20128%20120%20128H136C137.105%20128%20138%20127.105%20138%20126V94H134C132.895%2094%20132%2093.1046%20132%2092V32Z'/%3e%3cpath%20id='key-5'%20d='M140%2094V126C140%20127.105%20140.895%20128%20142%20128H158C159.105%20128%20160%20127.105%20160%20126V94H156C154.895%2094%20154%2093.1046%20154%2092V32H146V92C146%2093.1046%20145.105%2094%20144%2094H140Z'/%3e%3cpath%20id='key-6'%20d='M162%2094V126C162%20127.105%20162.895%20128%20164%20128H180C181.105%20128%20182%20127.105%20182%20126V94H178C176.895%2094%20176%2093.1046%20176%2092V32H168V92C168%2093.1046%20167.105%2094%20166%2094H162Z'/%3e%3cpath%20id='key-7'%20d='M184%2094V126C184%20127.105%20184.895%20128%20186%20128H202C203.105%20128%20204%20127.105%20204%20126V34C204%2032.8954%20203.105%2032%20202%2032H190V92C190%2093.1046%20189.105%2094%20188%2094H184Z'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='2.9375'%20y1='1.875'%20x2='233.998'%20y2='187.619'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF0000'/%3e%3cstop%20offset='1'%20stop-color='%23610000'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
'/%3e%20--%3e%3crect%20id='key-1'%20x='30'%20y='120'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-2'%20x='58'%20y='104'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-3'%20x='86'%20y='88'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-4'%20x='114'%20y='72'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-5'%20x='142'%20y='56'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-6'%20x='170'%20y='40'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-7'%20x='198'%20y='24'%20width='28'%20height='16'%20rx='3'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='2.9375'%20y1='1.875'%20x2='233.998'%20y2='187.619'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23B900BD'/%3e%3cstop%20offset='1'%20stop-color='%23B40056'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(64%2064)%20rotate(180)%20scale(64.5%2079.3883)'%3e%3cstop%20stop-color='%23C9C9C9'/%3e%3cstop%20offset='1'%20stop-color='%23292929'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e)