/*body {
    margin:0;
    padding:0;
    width:100vw;
    height:100vh;
}*/

.cover{
    /*background:url("/images/Logo.png");*/
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-color:#06358b;
    width:100vw;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}
#Image1{
    width:24vw;
    height:60vh;
}
.elements{
    position:absolute;
    top:0;bottom:0;right:0;left:0;
    display:flex;
    align-items:center;
    justify-content:center;
}
.intro{
    width:24vw;
    height:60vh;
    box-shadow:black 0px 40px 60px;
    border-radius: 5% 5%;

}

#Label1{
    display:block;
    /*padding-top:7vh;*/
    /*padding-left:7.5vw;*/
    font-size:6vw;
    font-size:8vh;
    font-family: 'Leckerli One','Algerian';
    text-shadow:black 0px 20px 20px;
}
.txt1{
    margin-top:4vh;
    width:100%;
    /*margin-left:2vw;*/
    
}
.txt2{
    margin-top:7.4vh;
    width:100%;
    /*margin-left:2vw;*/
}

.txt1[placeholder],.txt2[placeholder]{
    font-family: 'Oleo Script Swash Caps';
    font-size:1.5vw;
    padding-left:1vw;
    text-align:left;
    border-radius:20px 20px;
    border:0px;

    
}
.txtstyle{
    width:15vw;
    height:6vh;
    border:0;
    border-radius:20px 20px;
    /*background-color:rgba(252,251,251,0.80);*/
    background-color:transparent;
    box-shadow:black 0px 30px 50px;
    outline:none;
}
    .txtstyle:focus {
        background-color:lightgreen;
        width:70%;
        
    }
.btnstyle{
    margin-top:3.5vh;
    width:11vw;
    height:5vh;
    /*margin-left:6.6vw;*/
    font-family:'Oleo Script Swash Caps';
    font-size:1.5vw;
    text-align:center;
    border:0px;
    color:white;
    text-shadow:black 0px 10px 10px;
    background-color: tomato; /* rgba(255,255,255,0.57);*/
    /*background-color:transparent;*/
    border-radius: 20px;
    outline:none;
}

.btnCancel{
    margin-top:1.5vh;
    width:11vw;
    height:5vh;
    /*margin-left:6.6vw;*/
    font-family:'Oleo Script Swash Caps';
    font-size:1.5vw;
    text-align:center;
    border:0px;
    color:white;
    text-shadow:black 0px 10px 10px;
    background-color: tomato; /* rgba(255,255,255,0.57);*/
    /*background-color:transparent;*/
    border-radius: 20px;
    outline:none;
}
.btnCancel:hover{
    background-color:green;
    box-shadow:black 0px 90px 80px;
}

.remember{
    margin-top:6.5vh;
    width:11vw;
    height:2vh;
    margin-left:-12vw;
    font-family:'Oleo Script Swash Caps';
    font-size:1.2vw;
    border:0px;
    color:maroon;
    text-shadow:black 0px 10px 10px;
    /*background-color:rgba(255,255,255,0.57);*/
    background-color:none;
    outline:none;
    
}
.btnstyle:hover{
    background-color:green;
    box-shadow:black 0px 90px 80px;
}
.avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow:black 0px 40px 90px;
    /*position: fixed;
    top: 120px;
    left: calc(50% - 50px);*/
}