html{
    overflow: hidden;
    background-image: url(https://pbs.twimg.com/media/EsR2fMxVEAAfx3p?format=jpg&name=large),url(https://pbs.twimg.com/media/Eu_QvSdXMAADvAW?format=jpg&name=large), url('https://pbs.twimg.com/media/Fcdm5UCXEAE3bAi?format=jpg&name=4096x4096'),url(https://pbs.twimg.com/media/FSy1HnhVsAEFv1w?format=jpg&name=4096x4096),url('https://pbs.twimg.com/profile_images/960420304693559296/qb45ka1W_400x400.jpg');
    background-size: cover;
    cursor: none;

}
#box{
    z-index: 2;
    margin:center;
    text-align: center;
    margin-left: 40%;
    margin-top: 7cm;
    color:aliceblue;
    background-color: transparent;
    backdrop-filter: blur(5px);
    border-radius: 5%;
    border-color: white;
    border-style: solid;
    border-width:thin;
    width: 10cm;
    height: 10cm;
}
label:hover{
    cursor: none;
}
h2{
    font-size: 30px;
    font-family: monospace;
}
#email{
    z-index: 2;
    position: relative;
    right:13px;
    padding-bottom: 20px;
    font-family: monospace;
}
#password{
    z-index: 2;
    font-family: monospace;
    padding-top: 20px;
}
#inputPassword{
    border-radius: 10px;
    z-index: 2;
    color: #663a10;
    font-family: monospace;
    border:none;
    transition-duration: 0.4s;
}
#inputPassword:hover{
    z-index: 2;
    cursor: none;
    font-family: monospace;
    color: #663a10;
    box-shadow: 0 1px 10px 0 white, 0 10px 50px 0 white;
}
#inputPassword:focus{
    z-index: 2;
    font-family: monospace;
    color: #663a10;
    box-shadow: 0 1px 10px 0 white, 0 10px 50px 0 white;
    outline: none;
    caret-color: transparent;
}
#inputEmail{
    border-radius: 10px;
    z-index: 2;
    font-family: monospace;
    transition-duration: 0.4s;
    color: #663a10;
    border:none;
}
#inputEmail:hover{
    z-index: 2;
    cursor: none;
    font-family: monospace;
    color: #663a10;
    box-shadow: 0 1px 10px 0 white, 0 10px 50px 0 white;
}
#inputEmail:focus{
    z-index: 2;
    font-family: monospace;
    color: #663a10;
    box-shadow: 0 1px 10px 0 white, 0 10px 50px 0 white;
    outline: none;
    caret-color: transparent;
}
#button{
    z-index: 2;
    margin-top:1.5cm;
    width: 2cm;
    height: 1cm;
    background-color: white;
    border: none;
    border-radius: 10px;
    transition-duration: 0.4s;
}
#button:hover{
    z-index: 2;
    cursor: none;
    box-shadow: 0 1px 10px 0 white, 0 10px 50px 0 white;
}
#button:active{
    z-index: 2;
    box-shadow: 0 12px 16px 0 white, 0 17px 50px 0 white;
}
#cursor{
    height: 0.5cm;
    width: 0.5cm;
    background-color: rgb(0,0,0 ,50%);
    backdrop-filter: blur(5px);
    border-radius: 50%;
    border-color: white;
    border-style: none;
    left: 0;
    top:0;
    pointer-events: none;
    position:fixed;
    transform: translate(-50%,-50%);
    z-index: 3;
}
#cursor2{
    height: 0.5cm;
    width: 0.5cm;
    background-color: transparent;
    background-size: cover;
    backdrop-filter: blur(0px);
    border-radius: 50%;
    border-color: white;
    border-style: none;
    left: 0;
    top:0;
    pointer-events: none;
    position:fixed;
    transform: translate(-50%,-50%);
    z-index: 0;
}