@import url(https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Titan+One&display=swap);*,::after,::before{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{scroll-behavior:smooth}body{background-image:url(../images/julio-rionaldo-C0oRQ_8SxBY-unsplash-min.png);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center;font-family:"Yanone Kaffeesatz",sans-serif}header{position:fixed;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}header nav{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:70rem}header nav a{margin:.5rem;color:#fff;font-size:2.5rem}h1{position:-webkit-sticky;position:sticky;top:0;text-align:center}footer{background-color:#181818;color:#fff;min-height:15rem}footer .footer-signature{margin-top:5rem;padding:.15rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:150}footer .footer-signature span{font-size:2rem;margin:0 .25rem}footer .credit-photo{font-weight:100;font-size:.75em;text-align:center;padding:0;margin:0}footer .credit-photo a{color:#fff;text-decoration:none}.hidden{display:none}section{min-height:100vh}.home{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home div{position:-webkit-sticky;position:sticky;top:0}.home h1{font-size:8vw;font-family:"Titan One",cursive;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;text-shadow:0 0 50px rgba(0,0,0,.4),0 0 10px rgba(0,0,0,.8)}.video{-o-object-fit:contain;object-fit:contain;max-width:800px;width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem auto;border-radius:.25rem}.btn{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;border:1px solid #fff;border-radius:1rem;margin-top:1rem;padding:.5rem .75rem .15rem .75rem;-webkit-transition:.2s;transition:.2s}.btn:hover{background-color:#fff;color:rgba(0,0,0,.6);border-color:rgba(0,0,0,.2)}.top-btn{position:fixed;bottom:2rem;right:1rem;width:5rem;height:5rem;border-radius:50%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.top-btn img{opacity:0;padding:0 1rem;width:100%;height:1rem;-webkit-animation:transparency 5s ease-in-out infinite;animation:transparency 5s ease-in-out infinite}@-webkit-keyframes transparency{0%{opacity:0}25%{opacity:.25}50%{opacity:1}75%{opacity:.25}100%{opacity:0}}@keyframes transparency{0%{opacity:0}25%{opacity:.25}50%{opacity:1}75%{opacity:.25}100%{opacity:0}}.top-btn img:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}.top-btn img:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}.top-btn img:nth-child(1){-webkit-animation-delay:1.5s;animation-delay:1.5s}.infos-groupe{background-color:#252525e7;color:#fff;border-radius:50% 50% 0 0}.membres{padding:.5rem;padding:8rem 0 2rem 0;width:100%;text-align:center}.membres li{margin:.5rem;list-style:none;font-size:2rem}.membres li span{color:rgba(255,255,255,.4);margin-right:1.5rem}.about-us{text-align:center;line-height:1.75rem;padding:1rem;max-width:800px;width:100%;margin:auto;margin-bottom:2rem;font-family:'Courier New',Courier,monospace}.about-us q{font-size:1.25rem;letter-spacing:.05em;padding:.5rem}.about-us p{text-align:right;font-weight:700}.player-container{width:100%;text-align:center;margin-bottom:2rem}figcaption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.1rem .5rem;color:rgba(255,255,255,.4)}figcaption span{color:#fff}.player{max-width:25rem;padding:.5rem;margin:auto}.player input{width:92.5%;margin-top:1.5em;-webkit-appearance:none;-moz-apperance:none;border-radius:6px;height:6px;background-color:#ff3c00}.player input::-webkit-slider-thumb{-webkit-appearance:none!important;background-color:#e9e9e9;border-radius:50%;height:25px;width:25px}.player figure{padding-bottom:1rem;display:none}.player audio{width:100%}.player .audio-tape{position:relative;height:176.133px}.player .audio-tape img{width:100%}.player .audio-tape #songTitle{position:absolute;top:1.5rem;display:block;color:#ff3c00;font-weight:700;width:100%;padding:.1rem 2rem;font-size:1.5rem}.player .audio-tape .turn-tape{width:45px;position:absolute}.player .audio-tape .anim-tape{-webkit-animation:turn 5s linear infinite backwards;animation:turn 5s linear infinite backwards}.player .audio-tape .turn-tape.left{top:84px;left:85px}.player .audio-tape .turn-tape.right{top:85px;right:82px}.player #songList{max-height:17.5rem;overflow-y:scroll}.player li{border:1px solid rgba(255,255,255,.2);padding:.5rem;font-size:1.25rem;list-style:none;margin:.15rem;letter-spacing:.1rem;text-align:left;cursor:pointer;-webkit-transition:.2s;transition:.2s}.player li:hover{background-color:rgba(255,255,255,.15)}.player-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem;background-image:url(../images/tape-back.png);background-position:center;background-size:cover;height:3.5rem;width:100%}.player-control .player-btn{background-image:url(../images/metal_dark1.jpg);border-radius:.15rem;padding:.5rem;margin:0 .5rem;-webkit-box-shadow:0 3px 0 #616161;box-shadow:0 3px 0 #616161;-webkit-transition:.1s;transition:.1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.player-control .player-btn img{width:1.5rem;height:1.5rem}.player-control .player-btn:active{margin-top:.075rem;-webkit-box-shadow:0 1px 0 #616161;box-shadow:0 1px 0 #616161}@-webkit-keyframes turn{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes turn{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.contact{padding-top:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.contact p{font-size:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%}.contact p:first-child{word-break:break-word;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contact p span{opacity:.5;-webkit-transition:.2s;transition:.2s}.contact p img{width:4rem;margin:.75rem;opacity:.5;-webkit-transition:.2s;transition:.2s}.contact p:hover{cursor:pointer}.contact p:hover img,.contact p:hover span{opacity:1}.switch input{opacity:0;width:0;height:0}.switch{position:relative;display:inline-block;width:60px;height:34px;-webkit-transform:scale(.65);transform:scale(.65);margin-bottom:5rem}.switch .text{position:absolute;top:2.5rem;left:-.5rem;font-size:1.5rem;width:5rem;opacity:.2}.switch .slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(204,204,204,.322);border-radius:34px;-webkit-transition:.4s;transition:.4s}.switch .slider-round:before{position:absolute;content:"";height:26px;width:26px;border:2px solid #4d4d4d;left:4px;bottom:4px;background-color:rgba(255,255,255,.5);border-radius:50%;-webkit-transition:.4s;transition:.4s}.switch input:checked+.text{opacity:1}.switch input:checked+.slider-round{background-color:#ffffff93}.switch input:focus+.slider-round{-webkit-box-shadow:0 0 1px #2196f3;box-shadow:0 0 1px #2196f3}.switch input:checked+.slider-round:before{-webkit-transform:translateX(26px);transform:translateX(26px)}@media (max-width:500px){.audio-tape{background-image:url(../images/audio-tape-mini-full.png);background-repeat:no-repeat;background-size:contain;background-position:bottom}.audio-tape img{display:none}h1{font-size:15vw!important;text-align:center}header .btn{font-size:1.2rem;border-radius:.15rem;padding:.15rem .5rem}.infos-groupe{border-radius:12em 12em 0 0}.slider{border-radius:12em 12em 0 0}}@media (max-width:900px){.contact{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.contact p{font-size:1.25rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:80%}.contact p:first-child{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:1rem}.contact img{width:3rem;margin:.5rem}.infos-groupe{border-radius:25em 25em 0 0}}