* {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.container {
    position: absolute;
    top: 2rem;
    left: 2rem;
    right: 2rem;
    margin-top: 150px;
    text-align: center;
    background: rgba(213, 213, 213, 0.25);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );    
}

/* All divs with a `lang` attribute are bold. */
div[lang] {
    font-weight: bold;
    font-size: 5rem;
  }
  
  /* All divs without a `lang` attribute are italicized. */
  div:not([lang]) {
    font-style: italic;
  }
  
  /* All divs in US English are blue. */
  div[lang~="en-us"] {
    color: blue;
  }
  
  /* All divs in Portuguese are green. */
  div[lang="pt"] {
    color: green;
  }
  
  div[lang|="zh"] {
    color: red;
  }
  
  div[lang="ar"] {
    color: purple;
  }