@import"https://fonts.googleapis.com/css2?family=Jersey+15&family=Jersey+20&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";*{box-sizing:border-box;user-select:none}img{display:block;width:100%;height:100%;object-fit:cover;max-width:200px}header{background-color:#ffffffcb;position:fixed;top:0;width:100%;display:flex;align-items:center;justify-content:space-between}header img{margin:1%;max-width:50px}header nav{margin-right:20px}a{margin-inline:5px;text-decoration:none;color:#000}body{margin:0;padding:0;background:#f8b033;color:#000;font-family:"Jersey 20",sans-serif;font-style:normal}h1,h2,h3{font-family:"Jersey 15","sans serif";font-weight:500;font-style:normal}section{width:100%;height:100vh;place-items:center}section .section-content{height:100%}button{font-family:"Jersey 20",sans-serif;cursor:pointer;font-weight:400;font-style:normal}#accueil{opacity:0}section .section-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center}#accueil-top{margin-top:35%;padding:20%}#accueil-bottom{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.link-more{background-color:#000;color:#fff;border:0;font-size:15px;border-radius:30px;padding:10px 15px;text-align:center;text-decoration:none;margin-bottom:15%}#qqcj,#vision{display:flex;flex-direction:column;align-items:center}.section-left,.section-right{display:flex;flex-direction:column}section .section-content{display:grid}#accueil .section-content{display:grid;justify-items:center}.section-left .section-content,.section-right .section-content{align-items:center;justify-items:center}.section-left .section-content{grid-template-columns:35% 65%}.section-right .section-content{grid-template-columns:65% 35%}.section-left .section-content #left,.section-right .section-content #right{padding:20%}.section-left .section-content #right,.section-right .section-content #left{padding:5%}.section-left .section-content #right *,.section-right .section-content #left *{padding:1%}#qqcj .section-content #left img{opacity:0}#cjPlayer{background-color:#ffffffc6;border-radius:6%;padding:20px}#cjp-top,#cjp-bottom{display:flex;flex-direction:column}#cjp-top img{border-radius:6%}#cjp-top p{font-size:15px}#song-name{margin:3px 0 0;font-weight:700}#artist{margin:0 0 2px}#cjp-bottom p{margin:0}#cjPlayer img{max-width:160px}#cjProgress{-webkit-appearance:none}#cjp-time{display:flex;flex-direction:row;justify-content:space-between}#cjp-controls{display:flex;justify-content:space-around;margin-block:5%}#cjp-controls button{border:0;border-radius:50%;width:40px;height:40px}#prev,#next{background-color:#00000015}#pl-ps{background-color:#f8b033a3}::-webkit-progress-value{background-color:#ff981296}::-webkit-progress-bar{background-color:#0000004a}#mixtape .section-content #right{margin:3%}#mixtape .section-content #right h2{margin-block:.5%}#support-content{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#support-content #top,#support-content #bottom{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}#support-content #top{margin-inline:15%}#support-content #bottom{margin:2%}#support-buttons{margin-top:10px;display:grid;width:100vw;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center}#support-buttons div{margin-inline:2%;background-color:#f9d90e;border-radius:10px;padding:10px;display:flex;align-items:center}.bmc-btn-container{margin-block:5px}#support-buttons h3{margin:0}#support-buttons div p{margin:5px}footer{background-color:#000000da;color:#fff;width:100%;height:10vh;display:flex;flex-direction:column;justify-content:center;text-align:center}@media(max-width:750px){body{font-size:90%;text-align:center}#accueil-top{padding:0}.link-more{font-size:100%;border-radius:50px;margin-bottom:15%}img{max-width:200px}#logoCJ-target{max-width:100px}section .section-content{display:flex;flex-direction:column;justify-content:center}.section-left .section-content #left,.section-right .section-content #right{margin-top:1%;padding:0}.section-left .section-content #right,.section-right .section-content #left{margin:3%;padding:0}.section-left .section-content #right *,.section-right .section-content #left *{padding:.2%}#mixtape .section-content #left{margin-bottom:20px;margin-inline:100%}#cjPlayer{text-align:left}#support-content #top{margin-inline:0;margin:5%}#support-buttons{margin-top:0;grid-template-columns:100%}#support-buttons div{margin-block:5px}#support-buttons p{font-size:14px}}
