@import url('https://fonts.googleapis.com/css2?family=Koulen&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --theme-color: #fff;
    --theme-inverse-color: #000000;
    --primary-color: #C17208;
    --secondary-color: #9c510b;
    --third-color: #5F3E1B;

    --text-color: #000;
    --text-inverse-color: #fff;
    --text-color-brown: #412a12;

    --text-background-color: #C17208;
    --text-background-color-brown: #725a19;

    --backgroud-color-container: #AE8930;
    --backgroud-color-container-deg: #dbcd70fd;

    /*Mobile*/
    --text-active-mobile-color: #ffc400;
    --background-nav-menu: #c17108f8;
    --font-roboto: 'Roboto', sans-serif;
    --font-koulen: 'Koulen', 'Roboto', sans-serif;
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    font-family: var(--font-roboto);
    box-sizing: border-box;
}

body {
    padding: 80px 0 0 0;
}

.video__container {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    min-height: 500px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.video__item {
    width: 100%;
    height: 100%;
    padding: 15px;
}