.ecran {
    z-index: 1;
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
    width: 100vh;
    min-width: 500px;
    height: 95vh;
    min-height: 500px;
    margin:auto;
}
button{
    z-index: 3;
    text-align: center;
    margin: auto;
    margin-top: 0.7vw;
    font-size:calc(12px + 0.8vw);
    color: white;
    text-shadow: none;
    background-color: #4d90fe;
    background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#4d90fe),to(#4787ed));
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe',endColorstr='#4787ed',GradientType=0);
}
.count{
    position: relative;
    font-family: 'Times New Roman', Times, serif;
    color: white;
    font-size: calc(10px + 1vw);
    text-align: right;
    width: 50%;
    margin: 7% 38%;
    overflow: auto;
}
.diag{
    position: relative;
    font-family: 'Times New Roman', Times, serif;
    color: white;
    font-size:calc(12px + 1.2vw);
    text-align: left;
    width: 68%;
    margin: 19% auto;
    overflow: auto;
}