body {
    background-color: #000005;
}

body {
    color: white;
}

.subpages-nav a {
    font-size:130%;
}

@media screen {
    a:not(.no-deco) {
      &, &:visited {
        font-weight: 600;
        color: var(--color-text);
        text-decoration-skip-ink: none;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-color: red;
        text-decoration-thickness: 0.5em;
        text-underline-offset: -0.1em;
        transition: all 0.3s ease-out;
        word-break: break-word;
      }
    
      &:hover, &:focus {
        color: #AA0000;
        text-decoration-color: white;
        text-decoration-thickness: 1.4em;
        text-underline-offset: -1em;
      }
    
      &:has(img):focus,
      &:focus img {
        outline: auto;
        outline-offset: -4px;
      }
    }
}

hr {
    opacity: 0.5;
  margin: 2rem 20vw;
}

.two-columns {
    display: flex;
    gap: var(--spacing-md);
    width: 100%;
}

.column {
    padding: var(--spacing-sm);
}

.main-column {
    flex: 2;
    background-color: var(--bg-secondary);
    border-radius: var(--border-radius-md);
}

.sidebar-column {
    flex: 1;
    background-color: var(--bg-tertiary);
    border-radius: var(--border-radius-md);
}

@media (max-width: 768px) {
    .two-columns {
        flex-direction: column;
    }
}

article { padding-bottom:3%; }
article .lien { text-align:center; }