/** {
    padding: 0;
    margin: 0;
    pointer-events: none;
}*/

.grad {
    height: 100%;
    width: 100%;
    position:fixed;
    z-index: 1;
    background-size: 100%;
    background-image: url("../img/fondo_prueba.png");
    background-repeat: no-repeat;
    background-position: bottom;
   
}

a {
    color: #4bc2f1;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#container {
    position: fixed;
    perspective: 50px;
    -webkit-perspective: 50px;
    -moz-perspective: 50px;
    -ms-perspective: 50px;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    opacity: 0.55;
    z-index: 2;
}

#welcome {
    position: fixed;
    width: 22rem;
    left: 50%;
    top: 45%;
    margin-top: -1rem;
    margin-left: -11rem;
    font-weight: 200;
    color: #fff;
    opacity: 0.65;
    text-align: center;
    font-size: 0.775rem;
    line-height: 1.05rem;
    letter-spacing: 0.135em;
    word-spacing: -0.075rem;
}

@media screen and (max-width: 400px) {
    #welcome {
        font-size: 0.45rem !important;
    }
}

#browserWidthNotice {
    font-style: italic;
    display: none;
}



.dot {
    position: fixed;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #4bc2f1;
}