@font-face {
    font-family: FontLato;
    src: url('latoregular.ttf');
}

@font-face {
    font-family: FontLatoBold;
    src: url('latobold.ttf');
}
.LogDiv{
    position: absolute; 
    left: 37%; 
    top: 15%; 
    height: 65%; 
    width: 26%; 
    background-color: rgba(255,255,255,.78); 
    box-shadow: 3px 3px 3px rgba(50,50,50,.1); 
    border: 1px solid rgba(50,50,50,.1); 
    border-top-left-radius: 105px; 
    border-bottom-right-radius: 105px;
}
.profileImg{
    position: absolute; 
    left: 35%; 
    top: 10%; 
    height: auto; 
    width: 30%;  
}
.welcometag{
    position: absolute; 
    left: 0; 
    top: 21%; 
    height: 15%; 
    width: 100%; 
    text-align: center; 
    font-size: 1em; 
    font-family:FontLato; 
    color: black;
}
.userdiv{
    position: absolute; 
    left: 12.5%; 
    top: 38%; 
    height: 8%; 
    width: 75%; 
    background-color: transparent; 
    border-bottom: 2px solid black;
}
.passdiv{
    position: absolute; 
    left: 12.5%; 
    top: 50%; 
    height: 8%; 
    width: 75%;
    background-color: transparent; 
    border-bottom: 2px solid black;
}
.RememberMe{
    position: absolute; left: 12.5%; top: 62%; height: 5%; width: 45%;
}
.LogIn {
    position: absolute;
    left: 12.5%;
    top: 72%;
    height: 8%;
    width: 75%;
    cursor: pointer;
    font-size: 1.15em;
    border: 1px solid rgb(176,0,0);
    outline: none;
    background-color: rgb(176,0,0);
    color: black;
    border-radius: 15px;
    box-shadow: 3px 3px 3px rgba(50,50,50,.1);
}
@media only screen and (max-width: 512px) {
    .LogDiv {
        position: absolute;
        left: 10%;
        top: 15%;
        height: 65%;
        width: 80%;
        background-color: rgba(255,255,255,.78);
        box-shadow: 3px 3px 3px rgba(50,50,50,.1);
        border: 1px solid rgba(50,50,50,.1);
        border-top-left-radius: 105px;
        border-bottom-right-radius: 105px;
    }

    .welcometag {
        position: absolute;
        left: 0;
        top: 22%;
        height: 10%;
        width: 100%;
        text-align: center;
        font-size: 1.1em;
        font-family: FontLato;
        color: black;
    }
}