body {
   margin: 0;
   font-family: sans-serif;
   background: linear-gradient(135deg, #d9f0ff, #fddde6);
   color: #333;
   min-height: 100vh;
   display: flex;
   align-items: baseline;
   justify-content: center;
   text-align: center;
}

.container {
   padding: 2rem;
}

.logo {
   max-width: 250px;
   width: 100%;
   height: auto;
   margin-bottom: 20px;
}

h1 {
   font-size: 2rem;
}

@media (min-width:768px) {
   h1 {
      font-size: 2.5rem;
   }

}

@media (min-width:992px) {
   h1 {
      font-size: 3rem;
   }

}