html, body {
    width:100vw; height:100vh; margin:0; padding:0; 
    text-align:center; position:fixed;
    background-color:black; overflow: hidden;
    }
.div_c {
    width:100vw; height:100vh; margin:0; padding:0; 
    text-align:center; position:fixed; min-height:100vh; 
    background-color:black; 
    display:table;
    }
.div_txt {
    width:100%; height:100%; margin:0; padding:0; 
    text-align:center; min-height:100%;
    background-color:black; 
    xbackground-image:url("../img/bg-lo.jpg");
    xopacity:0.1;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    font:20vmin Ratio; letter-spacing:1vmin;
    font-weight:bold; color:black;
    display:table-cell; vertical-align:middle;
    line-height:17vmin;
    text-shadow:0 0 1vmin darkgray,
                0 0 1vmin darkgray,
                0 0 1vmin darkgray;"
    }
@font-face {
    font-family:'Ratio';font-style:normal;
    font-weight:400; src: url('../fonts/ratio.ttf') 
    format('truetype');
    }
.img_logo {
    width:20vmin; height:auto; opacity:1;
    position:fixed; bottom:42vmin; left: 10vmin;
    border-radius:10%;  
    box-shadow:0 0 1vmin darkgray, 0 0 1vmin darkgray, 0 0 1vmin darkgray;
    }
.txt_name {
    position:fixed; bottom:6vmin; opacity:1;
    left: 10vmin; text-align:left;
    }
.cnv {
    opacity:0.8; width:100vw; height:100vh; margin:0; padding:0; 
    text-align:center; position:fixed; min-height:100vh; 
    background-color:transparent; left:0; top:0;
    }