body, html {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif; 
}

.container {
    width: 80%;
    margin: auto;
    overflow: hidden;
}

.header, .footer {
    background: linear-gradient(135deg, #9c27b0, #e91e63); 
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

.content {
    background: #f9f9f9;
    padding: 20px 0;
}

.widget {
    background: #fff;
    margin: 20px 0;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

body, p {
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}