:root {
  --color-azul:#203864;
  --color-blanco:#ffffff;
  --color-gris: #ebedfc;
  --color-verde:#03b198;
}

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {color:var(--color-gris);background-color:var(--color-azul);font-family: "RobotoVar", sans-serif;font-size:1rem;margin:0;height:100vh;width:100vw;}
header,main,footer {padding: 15px 30px;text-align:center;width:100%;}
button{margin:8px;padding:0px 8px;border:none; border-radius: 8px;min-width:48px;min-height:48px;}
button:hover{background-color:var(--color-gris);}

.font-75 {font-size: 90px;}

.display-container{position:relative}
.display-topleft{position:absolute;left:0;top:0}.display-topright{position:absolute;right:0;top:0}
.display-bottomleft{position:absolute;left:0;bottom:0}.display-bottomright{position:absolute;right:0;bottom:0}
.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}
.display-position{position:absolute}

.pwa {display:flex;flex-direction: column;align-items: center;justify-content: center;position:relative;}