@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');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: 'Optima';
    font-style: normal;
    font-weight: normal;
    src: local('Optima'), url('OPTIMA.woff') format('woff');
}


@font-face {
    font-family: 'Optima Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Italic'), url('Optima_Italic.woff') format('woff');
}


@font-face {
    font-family: 'Optima Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Medium'), url('Optima Medium.woff') format('woff');
}


@font-face {
    font-family: 'Optima Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Bold'), url('OPTIMA_B.woff') format('woff');
}

body {
    font-family: "Lato", sans-serif;
    position: relative;
}

main {
    width: 100%;
    margin: auto;
}

a {
    text-decoration: none;
}

a.active {
    color: white;
    text-shadow: 1px 1px 1px;
    letter-spacing: .075rem;
}

@media screen and (max-width: 564px) {
    a.active {
        color: rgb(4, 0, 0);
        text-shadow: 1px 1px 1px;
        letter-spacing: .075rem;
    }
}

a.activeContact {
    color: black;
}

section#video-container {
    position: absolute;
    top: 0px;
    /* border: 1px solid red; */
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    background-color: rgb(12, 12, 12);
}

section#video-container video {
    position: absolute;
    top: 0%;
    width: 100vw;
    height: 100dvh;
    /* pointer-events: none; */
}

.fix-scroll {
    width: 100%;
    height: 100dvh;
    overflow: hidden;
}

section#video-container .close-btn-container {
    position: absolute;
    top: 0rem;
    left: 0%;
    background-color: rgba(255, 255, 255, 0.124);
    padding: .25rem;
    display: flex;
    justify-content: end;
    width: 100%;
}

section#video-container .close-btn {
    border-radius: .5rem;
    background-color: red;
    padding: .5rem 1rem;
    color: white;
    max-width: 6rem;

    &:hover {
        background-color: rgb(112, 6, 6);
    }
}