body{margin:0;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}input{display:block;margin:1.5rem auto 0;font-size:2.5rem;font-family:Hardpixel;color:#fff;border:1px solid #282f31;background-color:#313a3c;border-radius:10px;box-shadow:0 0 0 5px #2a3133}input:focus{outline:none}@media screen and (max-width:600px){input{font-size:1.7em}}.back-button{float:left;left:20px}.another-card,.back-button{position:absolute;top:0;font-size:30px;background-color:rgba(0,254,190,.75)!important}.another-card{float:right;right:20px;padding:10px 20px;margin-top:20px;border-radius:5px}.card-name{font-size:1rem;font-family:"Hardpixel";padding-bottom:0}.card-name,.card-status{text-align:center;padding-top:0}.card-status{font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:bolder;font-style:italic;font-size:13px}@media screen and (max-width:600px){.another-card{float:right;position:absolute;top:0;right:0;background-color:rgba(0,254,190,.75)!important;padding:0 10px 10px;margin-top:9px;border-radius:5px}}@media screen and (max-width:600px){.card-name{font-size:13px;font-family:"Hardpixel";padding-bottom:0}}@media screen and (max-width:600px){.card-name,.card-status{text-align:center;padding-top:0}.card-status{font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:bolder;font-style:italic;font-size:10px}}.logout-button-alt{display:block;margin:1.5rem auto 0;font-size:15px;font-family:Hardpixel;color:#fff;border:1px solid #282f31;background-color:#313a3c;border-radius:10px;box-shadow:0 0 0 5px #2a3133;cursor:pointer}@media screen and (max-width:600px){.logout-button-alt{display:block;margin:1.5rem auto 0;font-size:10px;font-family:Hardpixel;color:#fff;border:1px solid #282f31;background-color:#313a3c;border-radius:10px;box-shadow:0 0 0 5px #2a3133;cursor:pointer}}.password-input{font-size:38px!important;font-family:Verdana,Geneva,Tahoma,sans-serif}@media screen and (max-width:600px){.password-input{font-size:25px!important}}.already-has-account{font-size:20px!important;max-width:50%!important;height:50%!important;font-family:Hardpixel;color:#000!important;border:1px solid #efefef!important;background-color:#efefef!important;border-radius:5px!important;box-shadow:0 0 0 3px #000!important}.already-has-account-p{text-align:center;padding-top:20px!important;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:bolder;font-style:italic;font-size:15px}.firstinfo,body{display:flex;justify-content:center;align-items:center}.card{min-width:50%;max-height:50%;padding:5px;border-radius:10px;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.2);position:relative;margin-right:20px;margin-left:20px;overflow:hidden}.card:after{content:"";display:block;width:190px;height:300px;background:rgba(0,254,190,.75);position:absolute;-webkit-animation:rotatemagic .75s cubic-bezier(.425,1.04,.47,1.105) 1s both;animation:rotatemagic .75s cubic-bezier(.425,1.04,.47,1.105) 1s both}.firstinfo{flex-direction:row;z-index:2;position:relative}.firstinfo img{border-radius:50%;width:120px;height:120px}.firstinfo .profileinfo{padding:0 20px}.firstinfo .profileinfo h1{padding-top:0!important;padding-bottom:0!important;font-size:1.8em}.firstinfo .profileinfo .logout-button{display:block;margin-top:0;margin-bottom:20px;margin-left:0;font-size:20px;font-family:Hardpixel;color:#313a3c;border:1px solid #41fecf;background-color:#41fecf;border-radius:10px;box-shadow:0 0 0 5px #c4c6c6!important;cursor:pointer}@-webkit-keyframes animatop{0%{opacity:0;bottom:-500px}to{opacity:1;bottom:0}}@keyframes animatop{0%{opacity:0;bottom:-500px}to{opacity:1;bottom:0}}@-webkit-keyframes animainfos{0%{bottom:10px}to{bottom:-42px}}@keyframes animainfos{0%{bottom:10px}to{bottom:-42px}}@-webkit-keyframes rotatemagic{0%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);top:-24px;left:-253px}to{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:-24px;left:-78px}}@keyframes rotatemagic{0%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);top:-24px;left:-253px}to{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:-24px;left:-78px}}.selected-mod{color:#2bc48a}.non-selected-mod{color:#fff}body{background-color:#f4f6f0;margin:0 auto;padding-top:3rem;padding-bottom:5rem}button{display:block;margin:1.5rem auto 0;font-size:3.5rem;font-family:Hardpixel;color:#fff;border:1px solid #282f31;background-color:#313a3c;border-radius:10px;box-shadow:0 0 0 5px #2a3133;cursor:pointer}h1{font-size:4.3rem;font-family:Hardpixel;padding-bottom:1rem}h1,p{text-align:center;padding-top:3rem}p{font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:bolder;font-style:italic;font-size:13px}.no-height{height:0!important}.player-container{width:400px;margin:0 auto;overflow:hidden;background-color:rgba(1,0,33,.6901960784313725);border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.2);border:5px solid #010021}@media only screen and (max-width:600px){.player-container{max-width:75%!important}}.player-cover{height:160px;background-position:top;background-size:cover;transition:height .4s}.artist-info{padding:60px 35px 35px}.artist-name,.artist-song-name{margin:0}.artist-name{margin-bottom:5px;font-size:32px;font-weight:400;color:#f5f5f5}.artist-song-name{font-size:18px;font-weight:400;color:#f5f5f5}.player-progress-container{position:relative;width:365px;height:9px;margin:0 auto;background-color:#414141;border-radius:40px}@media only screen and (max-width:600px){.player-progress-container{max-width:80%!important}}.player-progress-value{position:absolute;top:0;left:0;bottom:0;background-color:#cdd2d8;border-radius:40px}.player-progress-value:after{position:absolute;top:-3px;right:-6px;content:"";width:15px!important;height:15px!important;border-radius:50%;background-color:#f2e25e;box-shadow:0 0 5px 2px rgba(0,0,0,.2)}.player-options{display:flex;justify-content:space-between;padding:40px 0 20px;width:365px;margin:0 auto}@media only screen and (max-width:600px){.player-options{max-width:100%!important}}.player-buttons{justify-content:space-between;width:135px}.player-btn,.player-buttons{display:inline-flex;align-items:center}.player-btn{justify-content:center;color:#d2d7db;background-color:transparent;border:0;border-radius:50%;outline:0;transition:all .4s}.player-btn i{font-size:28px;margin:0 auto}.player-btn.active{color:#838c92}.player-btn.big{width:65px;height:65px}.player-btn.big i{font-size:30px}@media only screen and (max-width:600px){.player-btn.big{width:50px;height:50px}.player-btn.big i{font-size:20px}}.player-btn.medium{width:45px;height:45px}.player-btn.medium i{font-size:14px}@media only screen and (max-width:600px){.player-btn.medium{width:30px;height:30px}.player-btn.medium i{font-size:12px}}@media only screen and (max-width:600px){.player-btn.random,.player-btn.repeat,.player-btn.volume{width:30px!important;height:30px!important;background-color:#2e276e}.player-btn i{font-size:20px!important}}.player-btn i{font-size:20px}.player-btn.random,.player-btn.repeat,.player-btn.volume{width:35px;height:35px;background-color:#2e276e}.player-btn:disabled{opacity:.5}.player-controls{width:200px}.player-controls .player-btn{color:#d9d9d9;background-color:#414141}.saat{margin:30px 0;padding:0 20px 0 15px;font-size:130px;font-family:Hardpixel,serif;text-align:center}@media only screen and (max-width:600px){.saat{margin:30px 0;padding:20px 20px 10px;font-size:70px;font-family:Hardpixel,serif;text-align:center}}.renkler{color:#080723;text-shadow:3px 3px 0 #b1389f}.renkler2{color:#010002}.renkler2,.renkler3{text-shadow:3px 3px 0 #27dfad}.renkler3{color:#080723}.renkler4{color:#27dfad;text-shadow:3px 3px 0 #080723}.renkler5{color:#000;text-shadow:3px 3px 0 #fff}.renkler6{color:#010021;text-shadow:3px 3px 0 #ffee61}.renkler7{color:#ffee61;text-shadow:3px 3px 0 #010021}.renkler8{color:#28c891;text-shadow:3px 3px 0 #c6fff2}@font-face{font-family:Hardpixel;src:url(/static/media/Hardpixel.93a02a15.OTF) format("opentype")}#options-container{position:absolute;left:0;bottom:0;right:0;min-height:100px;display:flex;align-items:flex-end;padding:12px;z-index:-1}#options{display:flex;align-items:center}.pixel{display:block;position:relative;color:#fff;font-size:12px;text-transform:uppercase;background-color:#293f4f;border:none;margin-top:150px;margin-left:auto;margin-right:10px;border-radius:25px;box-sizing:border-box;cursor:pointer;font-family:Hardpixel,serif,cursive;outline:none;padding:5px}.pixel:hover{background-color:#395468}.pixel:active{top:10px}.pixel:active:after{top:2px}
/*# sourceMappingURL=main.589ef55b.chunk.css.map */