: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);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 4px;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 4px}.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: center center; background-size: cover; margin: 2px 4px; } 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 2px; } article { margin: 2px; } figure { padding: 4px; margin: auto; border-style: double; border-color: purple; border-width: 10px; img { width: 100%; object-fit: cover; max-height: 200px; } } figcaption { height: 300px; padding: 20px; z-index: 100; overflow-y: hidden; }}#radio{.border { margin: 2px 4px; }}@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: 0px; margin-bottom: 20px; }}}