@font-face{font-family:Vinque;src:url(/fonts/Vinque.otf) format("opentype");font-weight:400;font-style:normal}:root,body,html{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%}:root{background-image:url(/template/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#000;font-family:Vinque,sans-serif;font-size:1.2em;line-height:1.5;margin:0;padding:0;width:100%;height:100%;scroll-behavior:smooth;--breakpoint-mobile: 768px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background-color:#4c2303;border-radius:10px;border:2px solid #000000}*{scrollbar-width:thin;scrollbar-color:#4c2303 #000000}a{color:#8b4513;text-decoration:none;transition:color .3s ease}a:hover{color:#bd9a00}hr{width:80%;height:1px;border:0;border-top:1px solid black}.content-container{position:fixed;inset:0;z-index:-1;opacity:.92;height:100vh;background-image:url(/template/parcheminfull.png);background-repeat:no-repeat;background-size:cover;background-position:center;box-shadow:0 0 60px 10px #391400 inset}.content{display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;height:100%;min-height:100vh;padding:20px;gap:20px;box-sizing:border-box}.logo{box-sizing:border-box;height:100%;width:100%;min-height:80px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px black);position:fixed;z-index:100;top:0;left:0}.logo a{width:100%;height:100%;max-width:80vw}.logo .logo-image{width:100%;height:100%;background:#fff;-webkit-mask:url(/template/logo.svg) no-repeat center;mask:url(/template/logo.svg) no-repeat center}.logo .header{position:absolute;top:0;width:100%;height:80px;box-shadow:0 0 20px 2px #301901 inset;background-image:url(/template/parcheminfull.png)}.head{height:100vh;width:100%;margin:0;padding:0}section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100%;max-width:980px}section p{margin:0;padding:10px;text-align:center}.discography{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:100%;gap:20px}.discography img{width:100%;height:auto;max-width:300px;box-shadow:0 4px 8px #0003}.discography ul{list-style:none}.social-media{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;margin-top:20px;padding:0 20px}.social-media a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;font-size:48px;transition:color .3s ease}.social-media a:hover{color:#f4a460}