:root{font-size:calc(1vw + 1vh + .25vmin)}body{font-family:Sigoil,Space-Grotesk,arial,helvetica,sans-serif;font-weight:400;margin:0;padding:0;background-color:#000;color:orange;width:100vw;height:100vh}#main-wrapper{margin:auto;padding:0;display:inline; *{ filter: grayscale(100%); transition: filter 17s linear; } *:hover { filter: grayscale(0%) !important; transition: filter .1s linear; }}#navigation{margin:auto;position:fixed;bottom:20px;left:50%;transform:translate(-50%);overflow:hidden;width:calc(100vw - 40px);max-width:700px;height:100px;box-shadow:0 4px 15px rgba(0,0,0,.3);border-top:1px solid rgba(204,132,39,.3);border-right:1px solid rgba(204,132,39,.1);border-bottom:1px solid rgba(204,132,39,.1);border-left:1px solid rgba(204,132,39,.3);z-index:1000; *{ filter: grayscale(100%); transition: filter 17s linear; } *:hover { filter: grayscale(0%) !important; transition: filter .1s linear; }}nav{ *{ filter: grayscale(100%); transition: filter 17s linear; } *:hover { filter: grayscale(0%) !important; transition: filter .1s linear; } margin: auto;transition:all unset;color:orange;background-color:rgba(25,25,25,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:5px;align-items:center;ul{display:flex;list-style-type:none;justify-content:center;height:100%;padding:0;margin:auto}li{flex:1 1 100%;align-self:center;margin:auto;padding:10px;max-width:100px;display:flex}li > a{color:orange;margin:auto}}main{flex-wrap:wrap;padding:0;overflow-x:hidden}footer{flex-wrap:wrap;padding:0;font-size:.5em;overflow-x:hidden}section{display:flex;flex-wrap:wrap;padding:16px}a{color:#fff}h1,h2,h3{font-family:Outward,Space-Grotesk,arial,helvetica,sans-serif}h2{font-size:10em}h4{text-transform:uppercase;font-size:1em}p{font-size:.75em}strong,b{font-weight:700;color:#fff}article{margin:2px;flex:1 1 300px}figcaption>h4{font-size:.75em}figcaption>p{font-size:.5em}time{color:#fff;font-size:.5em}.news>h4{font-size:.75em}.news>p{font-size:.5em}.section-headers{margin:2px;border-radius:100px;padding:80px 20px;border-style:double;border-color:purple;border-width:10px;flex:1 1 100%!important;border-radius:100px 100px 0 0;background-size:cover;background-position:50%;background-repeat:no-repeat;h2, h4, p{margin:20px 0;flex:1 1 100%}p{max-width:50%}}.section-footers{padding:80px 20px;border-style:double;border-color:purple;border-width:10px;flex:1 1 100%!important;border-radius:0 0 100px 100px;margin:2px}.border{border-style:double;border-color:purple;border-width:10px;flex:1 1 300px;padding:80px 20px}.button{padding:20px;margin:20px 0;background-color:purple;line-height:5em;border-radius:300px;text-decoration:none;text-transform:uppercase}#hero{margin:0;width:100%;padding:0;transition:all 2s linear;display:flex;flex-wrap:wrap;.overlay{display:block;top:0;left:0;max-width:720px;flex:1 0 200px}pre{font-size:.6em;text-align:right;flex:1 1 300px;font-family:inherit}}#now{.now{display:flex;flex-wrap:wrap;flex:1 1 100%;background-position:50%;background-size:cover;margin:2px}.support{display:flex;flex-wrap:wrap;justify-content:space-between;h4, p{flex:1 1 100%}p{font-size:.75em}img{margin:20px 0}}figure, div{flex:1 1 300px}figure{margin-right:20px}figure > img{margin-bottom:20px}}.inf-form>div{background-color:#000;padding:0}.inf-form>div>h4{color:orange!important;font-size:1.5em}.inf-form>div>span{color:orange;font-size:1em}.inf-rgpd{font-size:.5em;color:orange}.inf-form>div{background-color:#000;padding:0}.inf-input>input{color:orange;background-color:#000;border:1px solid orange}#discog,#gancio{display:flex;flex-wrap:wrap;justify-content:space-between;a{text-decoration:none}.section-headers{margin:2px}article{margin:2px}figure{padding:4px;margin:auto;border-style:double;border-color:purple;border-width:10px;img{width:100%;object-fit:cover;height:200px}}figcaption{height:300px;padding:20px;z-index:100;overflow-y:hidden}}#radio{.radioplayer{display:flex;flex-wrap:wrap;justify-content:space-between} #recordPlayer { flex: 1 1 300px; background-size: cover; background-position: center center; margin-top:40px; img { border-radius:7px; transition: all linear 1s; width: 100%; height: auto; object-fit: cover; max-width: 600px; max-height: 600px; } } .legend-container { align-content: center; display: flex; flex-wrap: wrap; flex: 1 1 300px; } .spinner { border-radius: 2000px !important; animation: rotate 10s linear infinite; border-style: double; border-color: purple; border-width: 10px; } .stop { animation-play-state: paused; } .legend { width: 100%; } .border { margin: 2px; } audio { width: 100%; } #myBtn { background: transparent; border: none; padding: 0; margin: 0; font-size: 3em; }}@media screen and (max-width:720px){footer{font-size:.9em}h2{font-size:8em}h4{font-size:1.25}p{font-size:1em;max-width:unset!important;strong{font-size:1.5em}}figcaption>h4{font-size:1em}figcaption>p{font-size:.75em}time{color:#fff;font-size:.75em}.news>h4{font-size:1em}.news>p{font-size:.75em}.inf-rgpd{font-size:.8em}#now{figure{margin-right:0;margin-bottom:20px}.support{h4{font-size:1em}p{font-size:.75em}}}#radio{ #myBtn { font-size: 4em; }}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}