@font-face {
    font-family: 'Regular';
    src: url('fonts/Neue_Machina/NeueMachina-Regular.otf') format('truetype');
}

@font-face {
    font-family: 'Bold';
    src: url('fonts/Neue_Machina/NeueMachina-Ultrabold.otf') format('truetype');
}

@font-face {
    font-family: 'Stocklist';
    src: url('fonts/stockist/stockist-mvpyy.ttf') format('truetype');
}

@font-face {
    font-family: 'Bahous';
    src: url('BAUHS93.ttf') format('truetype');
}  

body {
    --color1: rgb(19, 18, 17);
    --color4: rgb(120, 156, 22);
    --color2: rgba(62, 15, 232, 0.1);
    --color3: rgb(203, 9, 22);
    --font-family: Regular;
    --font-bold: myBold;
    --font-thin: myThin;
    background-color: #f5f4f4 !important;
    min-height: 100vh !important;
}

.myFont {
    background-color: #464545 !important;
}

.myFont2 {
    background-color: var(--color2) !important;
}

.myFont3 {
    background-color: var(--color3) !important;
}

.stocklistFont {
    font-family: Stocklist !important;
}

.bahousFamily {
    font-family: Bahous !important;
    font-weight: 900 !important;
}

.RegularFamily {
    font-family: Regular;
}

.BoldFamily {
    font-family: Bold;
}

.navBtn {
    border: 1px solid var(--color1) !important;
    border-radius: 50px !important;
}

.section1 {
    padding-top: 100px !important;
    background-position: bottom center;
    background-image: url(imgs/bg6.png) !important;
    background-size: cover !important;
}

.minSection1 {
    min-height: 40vh !important;
}

.blured {
    filter: blur(3px);
}

.pic {
    width: 150px;
    height: 150px;
    background-size: cover;
}

.pic-1 {
    background-image: url(imgs/pic1.png);
}

.pic-2 {
    background-image: url(imgs/pic2.png);
}

.pic-3 {
    background-image: url(imgs/pic3.png);
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

.borderLeftRight {
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
}

.radiusFooter {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.product-x {
    border-radius: 10px;
    color: var(--color1) !important;
}

.product-x:hover {
    background-color: #464545 !important;
    color: #f5f4f4 !important;
    transition: 3s;
    cursor: pointer;
}

.imageBlock {
    width: 150px !important;
    height: 150px !important;
    border-radius: 10px;
    background-size: cover;
}

.mariage1 {
    background-image: url(imgs/Apex_1688532611005.png);
}

.mariage2 {
    background-image: url(imgs/Apex_1688533006973.png);
}

.mariage3 {
    background-image: url(imgs/Apex_1688532886520.png);
}

.blockPlay {
    position: relative;
    height: 90vh;
    background-color: #464545;
    animation-name: backgroundColorPalette;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.blockPlay>.image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -20px;
    top: -20px;
    background-image: url(imgs/Apex_1688532980607.png);
    background-size: cover;
}

.playVideoCone {
    background-color: #464545;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    color: white;
    animation: backgroundColorPalette 5s alternate infinite, zoom-in-zoom-out 3s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes backgroundColorPalette {
    0% {
        background: #393646;
    }

    25% {
        background: #4F4557;
    }

    50% {
        background: #6D5D6E;
    }

    75% {
        background: #F4EEE0;
    }

    100% {
        background: #ffd97d;
    }
}