@tailwind base;
@tailwind components;
@tailwind utilities;

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, p {
    font-family: 'Open Sans Condensed', sans-serif;
}
a {
    color: white !important;
    border-radius:0;
}
    a:hover {
        color: black !important;
        background: white;
    }
    a.active {
        color: black !important;
        background: white;
    }
.text-darkBlue {
    color: #2a358f;
}
.btesn {
    background-color: #242322;
    border: 0;
}
    .btesn:hover {
        background-color: #2a358f;
        color:white !important;
    }
.navigation-tab {
    height: 60px;
}

    .navigation-tab ul li a.active {
        background-color: white;
        color: black;
    }

    .navigation-tab ul li.active {
        background-color: white;
        color: black;
    }

.idiom {
    background-color: #232323;
}

/* tablet */
@screen md {
    header {
        height: 50px;
    }

    .logo img {
        width: 200px;
        height: 40px;
    }

    iframe,
    .introduction-page .slide-container .slide {
        height: 300px;
    }

    iframe,
    .introduction-page .slide-container {
        height: 300px;
    }
}

/* phone */
@screen xs {
    .logo img {
        width: 200px;
        height: 40px;
    }

    .introduction-page {
        margin-top: 50px;
    }

        iframe,
        .introduction-page .slide-container .slide {
            height: 300px;
        }

        iframe,
        .introduction-page .slide-container {
            height: 300px;
        }

    .idiom {
        right: 15px;
    }
}

/* desktop */
@screen lg {
    header {
        height: 90px;
    }

    .introduction-page {
        margin-top: 90px;
    }

    .logo img {
        width: 345px;
        height: 66px;
    }

    iframe,
    .introduction-page .slide-container {
        width: 100%;
        position: relative;
        height: 520px;
    }

        iframe,
        .introduction-page .slide-container .slide {
            height: 520px;
        }

    .idiom {
        right: 60px;
    }
}