@import url('https://fonts.cdnfonts.com/css/gobold');

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'Gobold', sans-serif;
    color: #fff;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    transition: .25s;
}

#app {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 5vw;
}

.page_title {
    font-size: 6vw;
    text-shadow: rgba(255, 255, 255, 1) 0px 0px 10px;
    margin-bottom: 2vh;
}

.page_description {
    font-size: 3.5vw;
    text-shadow: rgba(0, 255, 255, 1) 0px 0px 10px;
    margin-bottom: 5vh;
}

.page_button {
    color: #000;
    text-shadow: rgba(255, 255, 255, 1) 0px 0px 10px;
    box-shadow: rgba(0, 255, 255, 1) 0px 0px 10px;
    outline: none;
    border: none;
    padding: 2vh 4vh;
    font-size: 3.5vw;
    border-radius: 2vw;
    background: cyan;
    cursor: pointer;
    transition: .25s;
}

.page_button:hover {
    opacity: 0.75;
    color: #fff;
    background-color: #000;
    box-shadow: rgba(255, 255, 255, 1) 0px 0px 10px;
}

/* Media queries para pantallas pequeñas */
@media (max-width: 768px) {
    .page_title {
        font-size: 8vw;
    }

    .page_description {
        font-size: 4.5vw;
    }

    .page_button {
        font-size: 4.5vw;
        padding: 2vh 5vh;
    }
}

/* Media queries para pantallas muy grandes */
@media (min-width: 1200px) {
    .page_title {
        font-size: 3rem;
    }

    .page_description {
        font-size: 1.75rem;
    }

    .page_button {
        font-size: 1.5rem;
        padding: 1.25vh 1.75vh;
        border-radius: .5vw;
    }
}