[SOLUCIONADO] Alinear div al centro

[diegoguerrero]

Hola!

Tengo el código que les dejo debajo de HTML y CSS pero es que lo que yo quiero es centrar el div blanco (.PanelLogin) en el total centro de la página, pero no se deja. La propiedad que mejor lo centraba era transform: translate (-50%,-50%) pero me dejaba el texto de dentro borroso. Por cierto, el cuadro tiene anchura prefijada pero no altura prefijada.

¡Gracias!
HTML

Código HTML:

<div class="Fondo">
            <div class="PanelLogin">
                <form action="Acceder.php" method="post">
                    <div class="PanelLoginTipo2">
                        <font>Plataforma Avantia<br>Colegio Madrid</font>
                    </div>
                    <div class="PanelLoginTipo1 form-group label-floating">
                        <label class="control-label">Nombre de usuario</label>
                        <input name="NombreUsuario" class="form-control" type="text">
                    </div>
                    <div class="PanelLoginTipo1 form-group label-floating">
                        <label class="control-label">Contraseña</label>
                        <input name="ClaveUsuario" class="form-control" type="password">
                    </div>
                    <div class="PanelLoginTipo3 FaseLogin">
                        <button type="submit" class="btn">Entrar a la plataforma</button>
                    </div>
                </form>
            </div>
        </div>
 

CSS

Código CSS:

@charset "UTF-8";
.Fondo{
    width: 100vw;
    height: 100vh;
    position: relative;
    padding: 32.2vh 35.382vw;
    vertical-align: middle;
    background: fixed url(../../Imagenes/HeroLogin.jpg);
    background-size: cover;
}
    .PanelLogin{
        position: absolute;
        border: 1px solid white;    
        background-color: white;
        padding: 2vh 2vw;
        display: inline-block;
        box-shadow: 0px 0px 50px 50px rgba(0,0,0,.25);
    }
        .PanelLoginTipo1{
            font-family: "Open Sans";
            width: 25vw;
            display: block;
        }
        .PanelLoginTipo2{   
            font: 600 20px "Open Sans";
            color: #0072c6;
            padding-bottom: 3vh;
            text-align: center;
            width: 25vw;
            display: block;
        }
        .PanelLoginTipo3{
            text-align: center; 
        }
body{
    margin: 0 auto;
}
 

Imagen final actualmente

[gilbertoarmenta1995]

Código CSS:

@charset "UTF-8";
.Fondo{
    width: 100vw;
    height: 100vh;
    position:fixed;
    padding: 32.2vh 35.382vw;
    vertical-align: middle;
    background: fixed url(http://cdn3.computerhoy.com/sites/computerhoy.com/files/styles/fullcontent/public/novedades/webassembly.jpg?itok=uvuzO-2m);
    background-size: cover;
  
}
    .PanelLogin{
        position: absolute;
        border: 1px solid white;    
        background-color: white;
        padding: 1% 80px;
        margin:-65px -69px;
        display: inline-block;
        text-align: center;
        box-shadow: 0px 0px 50px 50px rgba(0,0,0,.25);
    }
        .PanelLoginTipo1{
            font-family: "Open Sans";
            width: 25vw;
            display: block;
            text-align:center;
                             }
        .PanelLoginTipo2{   
            font: 600 20px "Open Sans";
            color: #0072c6;
            padding-bottom: 3vh;
            text-align:center;
            width: 25vw;
            display: block;
 
        }
        .PanelLoginTipo3{
            text-align: center; 
        }
body{
    margin: 0 auto;
}
 
.btn{
 
    color:blue;
    padding:4%;
    margin:3%;
    background: #FFFFFF;
    border:transparent;
}
.btn:hover{
 
    background:#E6E6E6;
    cursor:pointer;
}
.form-control{
    padding:10px;
    margin:10px;
}
.control-label{
  font-family:arial;
}
 

ahi esta el css3 lo modique para que se estuviera en el centro :) espero y te aya ayudado :)