*, *::before, *::after {
    margin: 0; padding: 0;
    box-sizing: border-box;
}

:root {
    --yg:     #c8f400;
    --violet: #5b2be0;
    --teal:   #00d4b4;
    --pink:   #efb8ef;
    --orange: #f53f00;
    --black:  #0a0a0a;
    --white:  #ffffff;

    --f-cond: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
    --f-body: 'Barlow', Arial, sans-serif;
    --f-mono: 'Fira Code', monospace;

    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

img {
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

::selection { background: rgba(10, 10, 10, 0.88); color: var(--white); }

@media print { * { display: none !important; } }

* { user-select: none; -webkit-user-select: none; }

.about-content-col p,
.about-content-col p em,
.project-description,
.experience-points li {
    user-select: text;
    -webkit-user-select: text;
}

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

body {
    font-family: var(--f-body);
    background: var(--black);
    color: var(--black);
    overflow-x: hidden;
    line-height: 1.6;
}

.container { width: 100%; overflow: hidden; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #111; }
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}