body {
   background-color: white;
}

.mdc-top-app-bar {
   background-color: transparent;
   box-shadow: none;
   position: relative;
   margin-bottom: 1.5rem;
}

header > nav .cas-brand .cas-logo {
   height: auto;
}

h2.title {
   text-align: center;
   color: #015d9e;
   font-size: 35px;
   font-weight: 700;
   font-family: Roboto;
   letter-spacing: 2px;
   margin-top: 20px;
}

#main-content {
   padding: 0 4px ! important;
   margin: 0;
}

div#content,
.mdc-card {
   box-shadow: none;
   border-radius: 16px ! important;
}

div#content {
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
   border: 1px solid #a0a8b0;
   transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#content {
   max-width: 60em;
   margin-left: auto;
   margin-right: auto;
}

#content h2 {
   font-weight: normal;
}

.cas-footer {
   background: #015d9e;
   margin-top: 10px;
}

@media {
  .container-lg {
    max-width: none;
  }
}

@media (max-width: 768px) {
   .cas-logo {
      width: 150px;
   }
}

@media (max-width: 480px) {
   .cas-logo {
      width: 100px;
   }
}