@import url(https://fonts.googleapis.com/css2?family=Koh+Santepheap:wght@100&family=Source+Sans+Pro:wght@600&display=swap);body{margin:0;background:url(/static/media/evie-s-JY_rSd-Kb1o-unsplash.146946ce.jpg) no-repeat 50% fixed;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.nav{width:100%;background-color:#000;margin-bottom:5%;font-size:200%;font-family:"Source Sans Pro",sans-serif}.nav,.navlink{text-decoration:none}.navlink{color:#000}.navlink:hover{transition:.15s;text-decoration:none;color:rgba(0,0,0,.315)}.navlink:active{text-decoration:none;font-weight:700}@media only screen and (max-width:800px){.nav{font-size:150%}}@media only screen and (max-width:320px){.nav{font-size:120%}}.songField{background-color:#fff;margin:5% 0 0;border:solid;height:"auto";overflow:auto;content:"";display:block;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);border:10px solid rgba(236,228,228,.308)}.playButton{text-align:center;height:"2.5vh";font-size:"1.3vh";margin:0 0 5% .5%;width:99%}@media only screen and (max-width:450px){.songField{overflow:auto;width:100%;height:23%;max-height:200px;margin:4% 0 0}.playButton{width:97%;margin:0 1.5% 5%}}.selectors{background-color:rgba(0,0,0,.644);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);border:10px solid #fff;max-height:150px}.selector{display:block;width:40%;text-align:center;height:25px;font-size:120%;font-weight:700;margin-left:auto;margin-right:auto;margin-top:4%;min-width:70px}.accidental{max-width:100px;width:25%;background-color:rgba(0,0,0,.719);border:#000;text-align:center;min-width:40px;margin:0 0 4% 2%}.accidentals{text-align:center;margin:0 auto}.accidental:hover{background-color:rgba(0,0,0,.568);border:rgba(0,0,0,.479)}@media only screen and (max-width:450px){.selectors{width:100%;margin:0}}.note{margin-right:50%}.chord-card,.note{display:block;float:left}.chord-card{margin-top:2%;margin-left:2%;margin-right:2%;width:20%;font-size:120%;box-shadow:0 3px 8px rgba(0,0,0,.7);min-width:125px}@media only screen and (max-width:768px){.chord-card{width:30.5%;margin:2% 0 2% 2%}}@media only screen and (max-width:575px){.chord-card{width:46%;margin:2% 0 2% 2%}}@media only screen and (max-width:281px){.chord-card{width:96%;margin:2% 0 2% 2%}}.chords{background-color:rgba(49,49,49,.904);padding-bottom:3vh;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);border:10px solid #fff;margin-top:4%}@media only screen and (max-width:575px){.chords{overflow:auto;height:450px}}@media only screen and (max-width:450px){.chords{overflow:auto;width:100%;height:450px;margin:4% 0 0;max-height:400px}}.notifcation{background-color:#9ff09f;color:#fff}.main{display:flex;justify-content:center;align-items:center}.text{font-size:200%;background-color:hsla(0,0%,100%,.781);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);border:10px solid rgba(236,228,228,.801);padding:5%}.link{color:#fff}.learnImage{width:80%;margin:0 10%;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}
/*# sourceMappingURL=main.a48defe1.chunk.css.map */