.login-system {
    position: absolute;
    display: flex;
    width: 356px;
    
    justify-content: space-between;
    line-height: 70px;
top: -70;
right: 5%;


    
}

.login-system form input {
    width: 250px;
    height: 30px;
    border: none;
    border-radius: 5px;
    background-color: rgb(255, 211, 170);
    padding-left: 10px;
}

.login-system form button {
    width: 90px;
    height: 30px;
    border: none;
    border-radius: 5px;
    background-color: rgb(170, 62, 29);
    padding-left: 0px;
    color: rgb(219, 219, 219);
    text-transform: uppercase;
    font-size: x-small;
    text-align: center;
    cursor: pointer;
    z-index: 10000;
}

.login-system form button:hover {
    background-color: rgb(109, 109, 109);
    color: #000;
}

































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

    .login-system {
        position: absolute;
        display: flex;
        width: 200px;
        
        justify-content: space-between;
        line-height: 110px;
      right: 15%;

        
    }
    
    .login-system form input {
        width: 120px;
        height: 25px;
        border: none;
        border-radius: 5px;
        background-color: rgb(255, 211, 170);
        padding-left: 10px;
    }
    
    .login-system form button {
        width: 55px;
        height: 25px;
        border: none;
        border-radius: 5px;
        background-color: rgb(170, 62, 29);
        padding-left: 0px;
        color: rgb(219, 219, 219);
        text-transform: uppercase;
        font-size: x-small;
        text-align: center;
        cursor: pointer;
        z-index: 10000;
    }
    
    .login-system form button:hover {
        background-color: rgb(109, 109, 109);
        color: #000;
    }
    

}