@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{margin:0 auto;font-family:"Poppins",sans-serif;font-size:16px;color:#232729;background:#232729}input,select{font-size:100%;display:block;border-radius:10px;padding:5px;margin:10px;border:2px solid #d6546c;box-shadow:0 0 10px 2px hsla(0,0%,48.2%,.267);transition:.2s}input:focus,select:focus{border:2px solid #42d0c2;outline:none;box-shadow:0 0 80px hsla(0,0%,100%,.6588235294117647)}li{list-style-type:none}a{text-decoration:none;cursor:pointer}a,a:visited{color:#232729}h1{font-size:2.5rem}h1,h2,h3{font-weight:600}h3{font-size:1.3rem;text-shadow:0 1px 2px rgba(0,0,0,.3411764705882353)}.hidden{opacity:0;display:none!important}.shadow{box-shadow:0 0 8px rgba(0,0,0,.1843137254901961)}.button{cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:5px 15px;border-radius:10px;min-width:80px;border:1px solid hsla(0,0%,100%,.37);font-weight:400;font-size:1rem;text-align:center;background:#d6546c;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.3411764705882353);box-shadow:0 0 40px hsla(0,0%,100%,.6588235294117647);transition:.2s}.button:hover{background:#42d0c2;box-shadow:0 0 80px hsla(0,0%,100%,.6588235294117647)}.button img,.button svg{width:15px;margin-right:5px;-webkit-filter:drop-shadow(0 0 2px rgba(43,43,43,.617));filter:drop-shadow(0 0 2px rgba(43,43,43,.617))}.Header{width:100%}.Header nav{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background:#232729;color:#fff}.Header nav .logo{padding:10px}.Header nav .logo img{height:35px}.Header nav .connected-user{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.Header nav .connected-user img{display:block;width:30px;margin:10px}.Header nav .connected-user .user{font-size:.7rem;text-align:right}.landing-page{background:#232729;position:absolute;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;top:0;left:0;bottom:0;right:0;background-image:url(/static/media/fond5.c87dc8a3.jpg);background-position:50%;background-size:cover}.landing-page h1{font-weight:700;font-size:2rem}.landing-page h1,.landing-page h2{color:#fff;text-shadow:0 0 20px rgba(0,0,0,.7843137254901961)}.landing-page h2{font-weight:400;font-size:1rem;margin-top:2rem}.landing-page .logo{max-width:300px;position:absolute;top:20px}.landing-page .connexion{height:100%;width:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#1f1f1f,rgba(31,31,31,.194))}.landing-page .btn-container,.landing-page .connexion{display:-webkit-flex;display:flex}.landing-page .spotify-connect--img{width:100px}.landing-page .spotify-connect--btn{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:60px;padding:10px 20px;margin:20px;border-radius:50px;font-weight:400;font-size:1rem;background:#d6546c;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.3411764705882353);box-shadow:0 0 40px rgba(0,0,0,.3686274509803922);transition:.2s}.landing-page .spotify-connect--btn img{-webkit-filter:drop-shadow(0 0 2px rgba(43,43,43,.617));filter:drop-shadow(0 0 2px rgba(43,43,43,.617))}.landing-page .spotify-connect--btn:hover{background:#42d0c2;box-shadow:0 0 80px #42d0c2}.Home .home-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;padding:20px;-webkit-align-items:center;align-items:center;color:#fff}.Dashboard{width:100%;max-width:500px;background-image:linear-gradient(160deg,#fff 20%,#b5d4d1);color:#232729;margin:5px;border-radius:10px}.Dashboard .title-container{padding:0 10px;height:45px;color:#fff;background:#d6546c;border-radius:20px 20px 5px 5px}.Dashboard .item-row,.Dashboard .title-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.Dashboard .item-row{margin:10px}.Dashboard .item-row .item{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Dashboard .item-row .item img{margin-right:10px;display:block;width:40px;height:40px}.Dashboard .item-row .item .item-desc--container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.Dashboard .item-row .item .item-desc--container .item-title{font-size:1rem;font-weight:600}.Dashboard .item-row .item .item-desc--container .item-desc{font-size:.8rem;font-weight:600;color:#d6546c}.Dashboard .item-row .wait{background:#f2aa2d!important}.Dashboard .item-row .success{background:#42d0c2!important}.Matchboard{width:100%;max-width:500px;background-image:linear-gradient(160deg,#42d0c2 20%,#f2aa2d);color:#232729;margin:5px;border-radius:10px;overflow:hidden;font-size:.8rem}.Matchboard::-webkit-scrollbar{width:5px}.Matchboard::-webkit-scrollbar-thumb{background:#d6546c;border-radius:10px}.Matchboard .title-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background:#42d0c2;color:#fff}.Matchboard .title-container h3{margin-left:10px}.Matchboard .item-row{padding:10px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;cursor:pointer;transition-duration:.5s;border-radius:5px;color:#fff;text-shadow:0 0 5px rgba(44,44,44,.615686274509804)}.Matchboard .item-row:nth-child(2n){background:hsla(0,0%,100%,.15294117647058825)}.Matchboard .item-row:hover{background:rgba(0,0,0,.553);color:#fff;box-shadow:0 0 30px 10px rgba(0,0,0,.553);border-radius:10px;transition-duration:.2s;-webkit-transform:scale(.95);transform:scale(.95)}.Matchboard .item-row:hover .item-desc{background:#d6546c!important}.Matchboard .item-row .item{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Matchboard .item-row .item .logo-m{background-image:linear-gradient(315deg,#d9d9d9,#f6f2f2 74%);margin-right:10px;padding:5px;border-radius:50%;width:40px;height:40px;text-align:center;transition:.2s}.Matchboard .item-row .item img{margin-right:10px;display:block;width:100%}.Matchboard .item-row .item .item-title{font-size:.8rem;font-weight:600;z-index:100}.Matchboard .item-row .item .item-title img{width:60px;-webkit-filter:drop-shadow(0 0 2px rgba(43,43,43,.817));filter:drop-shadow(0 0 2px rgba(43,43,43,.817))}.Matchboard .item-row .item-desc--container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:10px;border-radius:10px}.Matchboard .item-row .item-desc--container .score{text-align:right;font-weight:bolder;font-style:italic;padding:3px 10px}.Matchboard .item-row .item-desc--container .item-desc{font-size:.8rem;text-align:right;font-weight:400;text-align:center;background:rgba(0,0,0,.199);border:2px solid #fff;box-shadow:0 0 10px rgba(44,44,44,.3411764705882353);padding:0 10px;border-radius:20px}.Tracksboard{-webkit-justify-content:center;justify-content:center;z-index:1001;opacity:1;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.849);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.Tracksboard,.Tracksboard .logo-m{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Tracksboard .logo-m img{background-image:linear-gradient(315deg,#d9d9d9,#f6f2f2 74%);padding:5px;border-radius:50%;width:30px;margin-right:10px}.Tracksboard .trackslist{position:relative;overflow-y:auto;overflow-x:hidden;border-radius:5px;max-width:550px;max-height:500px;margin:10vh auto;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.881);border:2px solid hsla(0,0%,100%,.103);box-shadow:0 0 20px 10px rgba(0,0,0,.403921568627451);color:#fff;font-size:1rem;text-align:center}.Tracksboard .trackslist::-webkit-scrollbar{width:5px}.Tracksboard .trackslist::-webkit-scrollbar-thumb{background:#42d0c2;border-radius:10px}.Tracksboard .trackslist--loading{padding:30px}.Tracksboard .trackslist--loading img{width:50px}.Tracksboard .subtitle{font-size:.8rem}.Tracksboard .subtitle,.Tracksboard .tracksboard-title{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10px}.Tracksboard .tracksboard-title{z-index:1000;position:-webkit-sticky;position:sticky;top:0;margin-bottom:10px;-webkit-justify-content:space-between;justify-content:space-between;background:rgba(0,0,0,.951);font-size:1.2rem;text-shadow:0 1px 2px rgba(0,0,0,.3411764705882353);font-weight:600}.Tracksboard .closebtn{margin-left:20px;border-radius:50%;transition:.2s;cursor:pointer}.Tracksboard .closebtn img{width:25px;display:block}.Tracksboard .closebtn:hover{-webkit-transform:scale(1.15);transform:scale(1.15);background:#d6546c}.Tracksboard .track-container{padding:10px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.048);text-align:left}.Tracksboard .track-container:nth-child(2n){background:rgba(28,75,71,.044)}.Tracksboard .track-container .artist{font-weight:600;margin-right:20px}.Tracksboard .track-container .track{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#42d0c2;text-align:right;font-size:.8rem}.Tracksboard .track-container .track img{margin-left:10px;display:block;width:50px;border-radius:50%}.Tracksboard .addbutton{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;margin:5px 10px;padding:5px 15px;border-radius:5px;font-weight:400;font-size:.8rem;text-align:center;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.3411764705882353);transition:.2s}.Tracksboard .addbutton img{width:20px;margin-right:10px}.Tracksboard .addbutton:hover{color:#42d0c2;-webkit-transform:scale(1.1);transform:scale(1.1)}.connectstatus{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#fff}.connectstatus a{color:#fff}.connectstatus input{border-radius:5px;padding:5px;border:2px solid #d6546c;box-shadow:0 0 10px 2px hsla(0,0%,48.2%,.267)}.connectstatus button{cursor:pointer;padding:5px 10px;font-size:1rem;border:0 solid #fff;border-radius:5px;background:#d6546c;color:#fff;box-shadow:0 0 8px rgba(0,0,0,.1843137254901961);text-shadow:0 1px 2px rgba(0,0,0,.5803921568627451);transition:1s}.Card1,.connectstatus .connecteduser-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Card1{-webkit-flex-direction:column;flex-direction:column;width:100%;max-width:500px;background-image:linear-gradient(160deg,#fff 20%,#b5d4d1);color:#232729;margin:20px;padding-bottom:20px;border-radius:20px;font-size:.8rem}.Card1 form{display:-webkit-flex;display:flex}.Card1 .message{margin:10px}.Card1 .title-container{text-align:center;width:100%;padding:5px;margin-bottom:20px;color:#fff;background:#42d0c2;border-radius:20px 20px 0 0}.Card1 .button{margin:0;color:#fff;text-align:center;box-shadow:none}.Card1 .button-right{border-radius:0 10px 10px 0;border:2px solid #d6546c;margin:0}.Card1 .button-right:hover{border-color:#42d0c2}.Card1 .input-left{margin:0;border-radius:10px 0 0 10px;border:2px solid #d6546c}.Card1 .input-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:10px}.Quotes{position:absolute;left:0;right:0;margin:10px;text-align:center;top:70px;color:#fff;font-weight:400;font-style:italic;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3411764705882353)}.Quotes .author{color:#42d0c2;font-style:normal;font-size:.8rem}.Loading{padding:30px;-webkit-justify-content:center;justify-content:center;color:#131313;background-image:linear-gradient(160deg,#fff 20%,#b5d4d1)}.Loading,.main-container{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.main-container{padding:5px;background:#232729;color:#fff}