:root{--ch-color-yellow:#ffb81c;--ch-color-white:#fff;--ch-color-white-50:rgba(255,255,255,.5);--ch-color-white-75:rgba(255,255,255,.75)}*{margin:0;padding:0;box-sizing:border-box}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body{min-height:100svh;font-family:'Radio Canada',sans-serif;background:linear-gradient(135deg,#1b1b1b,#242424 60%,#000000);color:var(--ch-color-white);display:flex;flex-direction:column;justify-content:space-evenly}main{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:5vh 5vw;gap:2rem}svg{max-width:420px}svg>g,svg>path{transition:all 1s ease-in;transform-origin:50% 50%}svg #ch-name{transition-delay:1s;opacity:0}svg #ch-icon{transform:scale(0)}body.loaded svg #ch-icon{opacity:1;transform:scale(1)}body.loaded svg #ch-name{opacity:1;animation:rotate 30s linear infinite}h1{font-size:2rem;margin-bottom:1rem;vertical-align:middle}h1 small{border-left:4px solid transparent;border-right:1px solid var(--ch-color-yellow);transition:all .3s ease-in-out}a{text-decoration:none;color:var(--ch-color-white)}footer{display:flex;flex-direction:column;gap:1rem;justify-content:center;text-align:center;color:var(--ch-color-white-50)}footer p a{color:var(--ch-color-white-75);border-bottom:1px dotted var(--ch-color-white-75)}footer p a:hover{border:none}footer nav a{margin:0 .5rem .5rem}@media all and (max-width:600px){main{padding:5vh 2rem}h1{font-size:1.5rem}svg{max-width:50vw}}