* {
    padding: 0;
    margin: 0;
    font-family: poppins,sans-serif;}

a {
    text-decoration:none;
}

body{
    display:flex;
    align-items: center;
    justify-content: center;
    background: #F1F6F9;
    font-family: poppins,sans-serif;
    background:url('https://br.steinway.com/.imaging/mte/steinway-us-theme/Large-Rectangle/dam/pianos/Boston/Grands/Landscape/Boston_PE_GP215EP_Inside_fma.jpg/jcr:content/Boston_PE_GP215EP_Inside_fma.jpg') fixed no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}


#cont{
    display: flex;
    max-width: 860px;
    width: 100%;
    height: 480px;
    margin: 20px;
    margin-top: 90px;
    justify-content: space-around;
}

#cont_izq {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cont_der {
    background: #0000004f;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    width: 50%;
    min-width: 430px;
    height: 230px;
    margin: 140px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0 2px 13px 17px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
}

#logo {
    width: 130px;
    margin: 20px;
}

.input_login {width: 370px;padding: 15px;outline: 0;border: 1px solid #d5d5d5;border-radius: 8px;box-shadow: 0 0 0 0;font-size: 16px;}

#formlogin {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    height: 220px;

}

#formsubmit {
    display: none;
    justify-content: space-evenly;
    flex-direction: column;
    height: 220px;
}

#formlogin form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 160px;
}

#formsubmit form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 160px;
}

.boton_entrar {
height: 36px;
background-color: #212A3E;
    border-radius: 3px;
    border: 0 none;
    color: white;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}

.boton_criar, .boton_login {
height: 36px;
background-color: #9BA4B5;
    border-radius: 3px;
    border: 0 none;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
}


@media screen and (max-width: 750px) {
   
    
  #cont{
    display: flex;
    max-width: 320px;
    width: 100%;
    height: 600px;
    margin: 20px;
    margin-top: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#cont_izq {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cont_der {
    background: #0000004f;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    width: 50%;
    min-width: 320px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 0;
    box-shadow: 0 2px 13px 17px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
}

#logo {
    width: 130px;
}

.input_login {width: 262px;    padding: 5px 15px;;outline: 0;border: 1px solid #d5d5d5;border-radius: 8px;box-shadow: 0 0 0 0;font-size: 14px;}

#formlogin {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    height: 165px;
}

#formsubmit {
    display: none;
    justify-content: space-evenly;
    flex-direction: column;
    height: 165px;
}

#formlogin form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 104px;
}

#formsubmit form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 104px;
}

.boton_entrar {height: 30px;background-color: #212A3E;border-radius: 3px;border: 0 none;color: white;text-align: center;font-size: 15px; cursor: pointer;}

.boton_criar, .boton_login {height: 30px;background-color: #9BA4B5;border-radius: 3px;border: 0 none;color: white;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 15px;cursor: pointer;}
}