html {
    overflow: hidden
}

body {
    max-height: 100vh;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

i {
    margin-right: 10px
}

h1.title {
    font-size: 6vw;
    color: #e8e8e8
}

@media screen and (min-width:290px) {
    h1.title {
        font-size: 5vw
    }
}

@media screen and (min-width:390px) {
    h1.title {
        font-size: 4vw
    }
}

@media screen and (min-width:1088px) {
    h1.title {
        font-size: 5vw
    }
}

@media screen and (min-width:1280px) {
    h1.title {
        font-size: 5vw
    }
}

@media screen and (min-width:1472px) {
    h1.title {
        font-size: 6vw
    }
}

@media screen and (min-width:2200px) {
    h1.title {
        font-size: 120px
    }
}

.coming_soon {
    position: absolute;
    left: calc(36%);
    bottom: -60%
}

@media screen and (min-width:681px) {
    .coming_soon {
        bottom: -2%
    }
}

.coming_soon::after {
    content: "coming soon";
    font-weight: 800;
    font-size: 60px;
    font-size: 6vw
}

@media screen and (min-width:681px) {
    .coming_soon::after {
        font-size: 5vw
    }
}

@media screen and (min-width:1088px) {
    .coming_soon::after {
        font-size: 5vw
    }
}

@media screen and (min-width:1280px) {
    .coming_soon::after {
        font-size: 4.5vw
    }
}

@media screen and (min-width:1472px) {
    .coming_soon::after {
        font-size: 4vw
    }
}

.tabs {
    font-size: 1rem
}

.tabs ul {
    flex-direction: column;
    align-items: flex-start
}

@media (min-width:570px) {
    .tabs ul {
        flex-direction: row;
        align-items: center
    }
}

@media screen and (min-width:681px) {
    .tabs {
        font-size: 1.1rem
    }
}

@media screen and (min-width:1088px) {
    .tabs {
        font-size: 1.2rem
    }
}

@media screen and (max-width:290px) {
    .has-text-centered {
        text-align: left !important
    }

    .coming_soon {
        position: absolute;
        left: calc(0%);
        bottom: -60%
    }

    .container {
        margin: 0
    }
}