@import url("header.css");
@import url("footer.css");
@import url("main.css");

:root {
    --primary-bg: linear-gradient(90deg, #6a0dad, #8e44ad);
    --card-bg: linear-gradient(90deg, #7d3c98, #5b2c6f);
    --text-color: #000000;
    --hover-border: #bb8fce;
    --hover-scale: 1.05;
    --radius: 8px;
    --transition: 0.2s ease-in-out;
}


html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    background: var(--primary-bg);
    color: var(--text-color);
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    transition: var(--transition);
    max-width: 100vw;
    flex-wrap: wrap;
}

::selection {
    background-color: #555;
    color: #fff;
}