body{
  background-color: #231000;
  
  /* position the container in center */
  min-height: 95vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* instead of using justify-content and align-items we can use margin: auto in child */

.container{
  display: flex;
  justify-content: center;
  align-items:center;
  width: 390px;
  min-height: 390px; 
  padding: 5px;
  background-color: #231000;
  font-size: 60px;
  color: #faebd7;
  
}

.container2{
  display: flex;
  justify-content: center;
  align-items:center;
  width: 350px;
  min-height: 350px; 
  padding: 5px;
  background-color: #231000;
  font-size: 85px;
  color: #faebd7;
  
}

a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}