:root{
            --highlight-blue: blue;
            --highlight-blue-rgb: 0, 0, 255;
        }
        
        @font-face {
            font-family: 'Futura-Light';
            src: url('../fonts/futura-pt/FuturaCyrillicLight.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;

            
        }
        @font-face {
            font-family: 'Futura-Medium';
            src: url('../fonts/futura-pt/FuturaCyrillicMedium.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Futura-Demi';
            src: url('../fonts/futura-pt/FuturaCyrillicDemi.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Futura-Book';
            src: url('../fonts/futura-pt/FuturaCyrillicBook.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Futura-Bold';
            src: url('../fonts/futura-pt/FuturaCyrillicBold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Futura-ExtraBold';
            src: url('../fonts/futura-pt/FuturaCyrillicExtraBold.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Futura-Heavy';
            src: url('../fonts/futura-pt/FuturaCyrillicHeavy.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        
        /*Repeated*/
        .left-image{
            object-position: left;
        }
        .top-image{
            object-position: top;
        }
        .center-image{
            object-position: center;
        }
        .right-image{
            object-position: right;
        }
        .bottom-image{
            object-position: bottom;
        }
        .object-cover{
            object-fit: cover;
        }
        .object-contain{
            object-fit: contain;
        }
        .bg-black{
            background-color: black;
}
.bg-white{
    background-color: white;
}
.text-white{
    color: white;
}
.text-black{
    color: black;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.order-end{
    flex-direction: column-reverse;
}
.order-start{
    flex-direction: column;
}