/* All of this code was thrown together through copy and pasting at 3 am. it sucks ass. I need to go through and understand how this all works together, reogranize it, and make it not suck */
/* However, I just wanted to get this post out there*/

.screen-container {
  display: flex;
  flex-direction: column;        
  align-items: center;           
  justify-content: flex-start;   
  
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  padding: 20px;                 
}


.content_wrap p, h1 {
  background-color: #171616;     
  width: 100%;             
  max-width: 1000px;              
  display: flex;
  flex-direction: column;        
  align-items: center;         
  margin: 0;
  box-sizing: border-box;
  padding: 10px;
}






h1, p {
  margin: 10px 0;                
  text-align: center; 
  padding: 5px 10px;      
  line-height: 2.2;          
}