body {
    background-color: darkred;
    color: white;
    margin: 0;
/*    display: flex;
    align-items: center;
    justify-content: center; 
    height: 100vh; */
}

.container1 {
    display: flex;    
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.container2 {
    text-align: center;   
}

h1 {
    font-size: 3em;
    font-family: "Lucida Console", "Courier New", monospace;
}

#p_1 {
    font-family: "Lucida Console", "Courier New", monospace;
}

#p_heading {
  font-family: "Audiowide", sans-serif;
  font-size: 72px;
  font-face: bold;
}

/* fa referring to social media icons */
.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  color: white;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}