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}*,body{margin:0}*{box-sizing:border-box;padding:0}body{font-family:Lato,sans-serif}h1,h2,h3{color:#363636}h3,h4{color:#646464;font-weight:400}.space{align-content:center;align-items:center;background-color:#8f83a5;border-radius:5px;color:#fff;display:flex;height:auto;justify-content:center;opacity:.7;width:80px}.box{flex-direction:row}.box,.container{align-items:center;justify-content:center;vertical-align:middle}.container{align-content:center;background-color:initial;border-radius:10px;color:transparent;display:flex;margin-top:3%;width:600px}.libraryTitle{align-items:left;margin:auto;padding:1rem}.chordTitle,.libraryTitle{background-color:#8f83a5;color:#fff;display:flex;flex-direction:column}.chordTitle{align-content:center;align-items:center;border-radius:10px;font-size:larger;justify-content:center;margin:10% auto auto;padding-bottom:10%;vertical-align:middle;width:200px}.ordinaryTitle{color:#000;margin:1% auto auto;padding:2% 5%}.backBtn,.ordinaryTitle{align-items:center;display:flex;flex-direction:column;justify-content:center}.backBtn{color:#8f83a5;margin:auto}.addBtn{color:#fff;display:flex;font-weight:600;justify-content:right;margin:auto;padding-left:72%;padding-top:8%;width:auto}.player{display:flex;padding:1% 0 0 17%;width:600px}.player,.playerBox{align-items:center;background-color:#212527;justify-content:space-between}.playerBox{padding:0 0 2%;width:auto}.navContainer{align-items:center;background-color:#fff;display:flex;justify-content:space-around;min-height:10vh;@media screen and (max-width:768px){left:0;position:fixed;top:0;width:100%;z-index:10}}.libraryBtn{padding:1.5% 2%;right:-20px;top:19px}.libraryBtn,.speedBtn{background-color:initial;border:1.5px solid #000;color:#000;cursor:pointer;display:flex;font-weight:700;transition:all .3s ease}.speedBtn{width:60px}.libraryBtn:hover{background-color:#000;color:#fff}.homeBtn{background-color:#fff;border:1px solid #626262;position:fixed;right:0;top:15px;-webkit-transform:translateX(-30%);transform:translateX(-30%)}.infoBtn,.soundBtn{background-color:#fff;border:1px solid #626262;position:fixed;right:0;top:15px;-webkit-transform:translateX(-160%);transform:translateX(-160%)}.settingBtn{background-color:#bad;border:1px solid #8f83a5;border-radius:10px;color:#fff;font-size:1.4em;font-weight:700;height:auto;margin:6px auto auto;padding:1%;width:500px}.centerImage,.settingBtn{align-items:center;display:flex;flex-direction:column;justify-content:center}.centerImage{margin:auto}.createBtn:hover{background-color:#fff}@media (min-width:600px){.createBtn{right:30px}}.trans{background-color:initial}.bigHomeBtn{background-color:#8f83a5;border-radius:200px;color:#fff;font-size:1.4em;font-weight:700;height:180px;margin:.5rem;width:200px}.bigHomeBtn:hover{background-color:#c4b0e9}.startBtn{border:1px solid #8f83a5;border-radius:200px;color:#8f83a5;font-size:1.4em;font-weight:700;height:50px;margin:.5rem;width:100px}.startBtn,.startBtn:hover{background-color:#fff}.add-button{display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;height:100%;position:fixed;width:100%}.okButton{background-color:#8f83a5;margin:auto auto 1.5%;padding:2% 20%}.okButton,.songButton{color:#fff;display:flex}.songButton{background-color:#000;height:150px;margin:auto auto 2%;padding:3%;width:200px}
/*# sourceMappingURL=main.386972e5.css.map*/