/*-----------------
    CUSTOM FONTS (Supreme)
---------------------------------------------------*/

.logo-text {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -3px;
    color: #333333;
    font-family: 'Supreme', sans-serif;
}

.logo-text::after {
    content: '|';
    margin-left: 3px;
    opacity: 0;
    animation: smooth-blink 2.7s ease-in-out forwards;
    will-change: opacity;
}

@keyframes smooth-blink {
    0% { opacity: 0; }
    16.6% { opacity: 1; }
    33.3% { opacity: 0; }
    50% { opacity: 1; }
    66.6% { opacity: 0; }
    83.3% { opacity: 1; }
    100% { opacity: 0.5; }
}

html[data-color-theme="dark"] .logo-text {
    color-scheme: dark;
    color: white;
}


@font-face {
    font-family: "Supreme";
    font-weight: 200;
    font-style: normal;
    src: url("../fonts/supreme/Supreme-Extralight.eot");
    src: url("../fonts/supreme/Supreme-Extralight.eot?#iefix") format("embedded-opentype"),url("../fonts/supreme/Supreme-Extralight.woff2") format("woff2"),url("../fonts/supreme/Supreme-Extralight.woff") format("woff"),url("../fonts/supreme/Supreme-Extralight.ttf") format("truetype");
    font-display: block;
}

@font-face {
    font-family: "Supreme";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/supreme/Supreme-Regular.eot");
    src: url("../fonts/supreme/Supreme-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/supreme/Supreme-Regular.woff2") format("woff2"),url("../fonts/supreme/Supreme-Regular.woff") format("woff"),url("../fonts/supreme/Supreme-Regular.ttf") format("truetype");
    font-display: block;
}

@font-face {
    font-family: "Supreme";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/supreme/Supreme-Medium.eot");
    src: url("../fonts/supreme/Supreme-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/supreme/Supreme-Medium.woff2") format("woff2"),url("../fonts/supreme/Supreme-Medium.woff") format("woff"),url("../fonts/supreme/Supreme-Medium.ttf") format("truetype");
    font-display: block;
}

@font-face {
    font-family: "Supreme";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/supreme/Supreme-Bold.eot");
    src: url("../fonts/supreme/Supreme-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/supreme/Supreme-Bold.woff2") format("woff2"),url("../fonts/supreme/Supreme-Bold.woff") format("woff"),url("../fonts/supreme/Supreme-Bold.ttf") format("truetype");
    font-display: block;
}
/**
MB ganying
 */

.developer-environment-bar {
    background: linear-gradient(90deg, #ff0000, #ff8800);
    height: 40px;
    z-index: 1050; /* Magasabb z-index, mint a navbar általában */
    text-transform:uppercase;
}

/* A meglévő navbar pozícionálása */
.navbar-fixed-under-banner {
    position: fixed;
    top: 40px; /* Egyezzen meg a fejléc magasságával */
    right: 0;
    left: 0;
    z-index: 1040; /* Alacsonyabb, mint a fejléc z-indexe */
}

/* Kompenzáljuk a body-t mindkét rögzített elem miatt */
body {
    padding-top: 0; /* 40px (fejléc) + kb. 60px (navbar) */
}
.projects-column{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}