/*
customization
*/

:root {
  background-color: #48484a;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://i.pinimg.com/736x/e5/ab/60/e5ab604cb9f6936d4615a2fc20077220.jpg)
}

h1 {
  
  text-align: center
}

.container {
  
  width: 60%;
  max-width: 800px;
  height: 70vh;

  margin: 50px auto; 

  border: 2px solid #333;
  border-radius: 15px;

  padding: 20px;

  overflow-y: auto;

  background-color: rgba(255, 255, 255, 0.9); 
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

body {
  color: #48484a; 
  
}

a {
  color: #877994;        
}

a:visited {
  color: #877994;        
}

a:hover {
  color: #877994;      
}

a:active {
  color: #877994;    
}

body {
  filter: grayscale(50%);
}