@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400'); 
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@link href="pantalla viky" rel="stylesheet" type= "text/css" 
@media screen and (min-width:640px)
*{box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #C5D06A;
    margin:none;
    padding: none;
}

    
}
.mainp8{
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: space-around;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 2em;
    padding-left: 3em;
    padding-right: 3em;
    
}
.logopelpa { 
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 10px;
    
 
}
.usuario { 
    font-family: 'Comfortaa', cursive;
    color: #38A670;
    font-size: 20px;
    
    width:100%;
    padding: 8px;;
    text-align: center;
    background-color: white;
    border-radius: 2em;
    margin-bottom: 30px;
    list-style: none;
    text-decoration: none; 
    transition: all .3s;
    
} 
.Usuario a:hover{
    background-color: white;
    color:rgb(0,113,187);
    transition: all .3s;
}
    
.contrasenaA {  
    font-family: 'Comfortaa', cursive;
    color: #38A670;
    font-size: 20px;
    
    width:100%;
    padding: 8px;;
    text-align: center;
    background-color: white;
    border-radius: 2em;
    margin-bottom: 30px;
    list-style: none;
    text-decoration: none; 
    transition: all .3s;
    
} 
footer { 
    font-family: 'Comfortaa', cursive;
    color: #38A670;
    font-size: 15px;
    
    width:100%;
    padding: 20px;;
    text-align: center;
  
    display: block;
    margin-bottom: 10px;
    list-style: none;
    text-decoration: none; 
}

form{
				padding: 2em;
                text-align: center;
			}
			
label{
				display: block;
				margin-top: none;
                display: block;
                margin-top: 3px;
            
                
			}
input[type="url"]{,
                width: 5em;
				max-width: 15em;
				margin-top: 1em;
                margin-bottom: 1em;
				padding: 1em;
				background-color: rgba(29, 101, 139, 0.17);
				border: 0;
				border-radius: .6em;
				transition: .3s;
				box-shadow: 0 0 .5em 1px rgba(0, 0, 0, 0.3);
				font-size: 1.2em;
				padding: .5em;
				
}

input[type="ContrasenaA"]{,
                width: 5em;
				max-width: 15em;
				margin-top: 1em;
                margin-bottom: 1em;
				padding: 1em;
				background-color: rgba(29, 101, 139, 0.17);
				border: 0;
				border-radius: .6em;
				transition: .3s;
				box-shadow: 0 0 .5em 1px rgba(0, 0, 0, 0.3);
				font-size: 1.2em;
				padding: .5em;
}
input:focus	{
				background-color: rgb(0,113,187);
				transition: .3s;
				outline: 0;
				font-size: 1.3em;
			}
.adentro a{

    font-family: 'Comfortaa', cursive;
    color: #38A670;
    font-size: 20px;
    display: block;
   
    
    list-style: none;
    text-decoration: none; 
    transition: all .3s;

}
.adentro{
    justify-content: center;
    width:60%;
    padding: 8px;;
    text-align: center;
    background-color: white;
    border-radius: 2em;
    margin-left: auto;
    margin-right: auto;
}

.adentro a:hover{
    color: rgb(0,113,187);
    
    transition: all .3s;
    border-radius: 2em;
    
    
}

.abajo a {
    display:block;
    text-decoration: none;
    color:white;
       margin-left: auto;
    margin-right: auto;
}

.registrarte:hover{
    color: rgb(0,113,187);
    
}
.registrartefb:hover{
    color: rgb(0,113,187);
    
}


/* pantalla 9 */ 
main{
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: space-around;
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.logopelpa { 
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 10px;  
 
}

h90 { 
    font-family: 'Comfortaa', cursive;
    color: white;
    font-size: 20px;
    
   
    padding: 8px;;
    text-align: center;
    
    border-radius: 2em;
    margin-bottom: 10px;
    margin-top: 10px;
    list-style: none;
    text-decoration: none; 
    
}
			
label{
                font-family: 'Comfortaa', cursive;
                 color: #38A670;
				display: block;
				margin-top: none;
                display: block;
                margin-top: 5px;
                margin-bottom: 5px;
                border-radius: 2em;
}

input[type="nombre"], input[type="apellido"], input[type="contraseña"], input[type="usuario"],  input[type="email"], input[type="profe"], input[type="fecha"], input[type="telefono"]
{,
                width:60%;
				max-width: 15em;
				margin-top: 1em;
                margin-bottom: 1em;
				padding: 0.5em;
				background-color: rgba(29, 105, 170, 0.17);
				border: 0;
				border-radius:.6em;
				transition: .3s;
				box-shadow: 0 0 .5em 1px rgba(0, 0, 0, 0.3);
				font-size: 1.2em;
				padding: .5em;
}

input:focus	{
				background-color: rgb(0,113,187);
				transition: .3s;
				outline: 0;
				font-size: 1.3em;
			}




/*
input[type="nombre"]
*/
.nombre{
                width:60%;
				margin-top: 1em;
                margin-bottom: 1em;
				padding: 0.5em;
				background-color: rgba(29, 105, 170, 0.17);
				border: 0;
				border-radius:0em;
				transition: .3s;
				box-shadow: 0 0 .5em 1px rgba(0, 0, 0, 0.3);
				font-size: 1.2em;
				padding: .5em;
    
    
    /**/
}



form {
                padding: 0em;
                text-align: center;
			}
			
label {
				display: block;
				margin-top: none;
                display: block;
                margin-top: 0px;

}
.fondoformulario {
    width:100%;
    padding: 8px;
    text-align: center;
    background-color: white;
    border-radius: 2em;
    margin-bottom:30px;
    padding-bottom:2em; 
    list-style: none;
    text-decoration: none; 
    width: 80%;
    
    
}

/*boton de ingresar*/ 
.adentro2 a{

    font-family: 'Comfortaa', cursive;
    color: white;
    font-size: 20px;
    display: block;
   
    list-style: none;
    text-decoration: none; 
    

}
.adentro2{
    justify-content: center;
    width:60%;
    padding: 8px;
    text-align: center;
    background-color: #38A670;
    border-radius: 2em;
    margin-left: auto;
    margin-right: auto;
}
.adentro2 a:hover{
    
                border-radius: 2em;
                color:  rgb(0,113,187);
				transition: .3s;
				outline: 0;
				font-size: 1.3em;
    
}