@import url('https://fonts.googleapis.com/css2?family=Klee+One&display=swap" rel="stylesheet');

#names {
    font-family: 'Klee One', cursive;
    font-size: 20px;
    font-weight: 900;
    color:white;
    
}
.container{
    margin: 0px;
    padding: 0px; 
    height: 100%;
    background-image: url("../Images/fondo-azul.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    
}
.logo-amse{
    width: 315px;
    height: 175px;                              
}


  #user {  
    width: 255px;
    height: 39px;
    border:none;
    outline: none;
    border-radius: 5px;}

#user1 { 
    top: 100px; 
    width: 255px;
    height: 39px;
    outline: none;
    border:none;
    border-radius: 5px;}
.fam{
    position:relative; 
    top:28px; 
    left: 155px;
}

.ulo{
    position:relative;
    left:70px;
}

    @media screen and (max-width:991px){

        .fam{
            position:relative; 
            top:28px; 
            left: 0px;
            margin: 0px;
            padding: 0px; 

           
        }

        .logo-amse{
            width: 250px;
            height: auto;                              
        }
           
        .ulo{
            position:relative;
            left: 5px;
            
        }

        #user {  
            width: 255px;
            height: 39px;
            border:none;
            outline: none;
            border-radius: 5px;}
        
        #user1 { 
            width: 255px;
            height: 39px;
            outline: none;
            border:none;
            border-radius: 5px;}
        

    
}