

.container{
    position: relative;
  }
  .element{
    position: absolute;
    top: 50%; left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  
  .container{
    position:relative;
    width:90vw;
    height: 90vh;
    margin: auto;
  }
  
  .element{
    position:absolute;
    width: 50vw; height: 50vh;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: x-large;
  }

  img {
    border: 0;
  }
  
  /* just aesthetics */
  body{
    height: 100vh;
    display:flex;
  }
  
  