@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400');

* { box-sizing: border-box;	
    list-style: none;
    margin: 0;
    padding: 0;
}

.fondo {
    background: #8374c3; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#8185f5, #76b95e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#8185f5, #76b95e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#8185f5, #76b95e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#8185f5, #76b95e); /* Standard syntax (must be last) */
    background-repeat: no-repeat;
    height: 100%;

}

.volver{
        display: flex;
        justify-content: flex-end;
        padding: 0.8em 2.5em 0.8em 0em;
        text-decoration: none;
        color: white;
        font-family: 'Roboto Mono', monospace;
        background-color: rgba(255, 255, 255, 0.33);
        font-size: 0.7em;
}
   
#logo { 
        display: flex;
        justify-content: center;
        padding-top: 4em;}

h1{
    font-family: 'Roboto Mono', monospace;
    font-size: 2em;
    color: rgb(122, 171, 237);
    margin-top: 2em;
    display: flex;
    justify-content: center;   
}

#login{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.textbox{ 
    font-family: 'Roboto Mono', monospace;
    padding-left: 1em;
    width: 20em;
    height: 3em;
    margin: 1.5em;
    background: rgba(255, 255, 255, 0.52);
    border-style: none;
    border-radius: 0.3em;

}
.boton{
    display: flex;
    justify-content: center;
    width: 10em;
    height: 2em;
    border-style: none;
    background:rgb(122, 171, 237);
    border-radius: 20em;
    margin-top: 2em;
    font-family: 'Roboto Mono', monospace;
    text-decoration: none;
    
        
}

.linkBoton{
    text-decoration: none;
    color:white;
}

#circulo{ 
            display: flex;
            justify-content: center;  
            padding-top: 7em;
            padding-bottom: 0em; 
            z-index:90;
            overflow-x: hidden;

        }

#circulo img{
    position: relative;
}

#pie{ 
    text-align: center;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.6em;
    background-color: #76b95e;
    margin-top: -10em;
    padding: 1.5em;
    color:#e3dfdf;
    position: fixed;
    z-index: 999;
    bottom: 0px;
    width: 100%;
    }