@import url(imports.css);

html {
    scrollbar-color: var(--background);
    scroll-behavior: smooth;
    color: var(--texte);
}

#mint {
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    justify-content: var(--sb);
    width: var(--max-w);
    height: var(--max-h);
    background-image: var(--mint);
    background-size: var(--scov);
    background-repeat: var(--nr);
    background-position: var(--c);
    overflow: var(--n);
}

#desktop {
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    justify-content: var(--fs);
    position: var(--rel);
    width: var(--max-w);
    height: calc(var(--max-h) - var(--taskbar-height));
    max-height: calc(var(--max-h) - var(--taskbar-height));
}

.desktop-shortcut {
    position: var(--abs);
    top: calc(var(--head) / 2);
    left: calc(var(--head) / 2);
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    justify-content: var(--c);
    width: calc(var(--head) * 3.4);
    padding: calc(var(--head) / 6);
    gap: calc(var(--head) / 8);
    border-radius: calc(var(--head) / 8);
    color: var(--desktop-shortcut-text);
    text-decoration: var(--n);
    text-shadow: var(--desktop-shortcut-shadow);
    border: 1px solid var(--t);
    transition: transform var(--eas2), border-color var(--eas2), background-color var(--eas2);
    z-index: 10;
}

.desktop-shortcut:hover,
.desktop-shortcut.active-link {
    background: var(--desktop-shortcut-hover-bg);
    border-color: var(--menu-accent);
    transform: translateY(-1px);
}

.desktop-shortcut > img {
    width: calc(var(--head) * 1.3);
    height: calc(var(--head) * 1.3);
    object-fit: contain;
}

.desktop-shortcut > span {
    max-width: var(--full);
    text-align: var(--c);
    line-height: 1.2;
    font-size: calc(var(--head) / 3.2);
}

#tableau {
    display: var(--f);
    flex-flow: var(--rnw);
    align-items: var(--c);
    justify-content: var(--sb);
    width: var(--full);
    height: var(--taskbar-height);
    padding: var(--z) calc(var(--head) / 4) var(--z) calc(var(--head) / 4);
    border: var(--n);
    background: var(--mint-taskbar-bg);
}