/* CSS Document */
* {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif; }

html, body {
  padding: 0;
  margin: 0; }

header {
  background: #4169E1;
  color: white;
  padding: 35px;
  text-align: center; }
  header h1 {
    font-size: 20px;
    padding: 0;
    margin: 0; }

.container {
  max-width: 600px;
  margin: 50px auto 50px;
  min-height: calc(100vh - 328px); }
  .container ul.list {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .container ul.list li {
      margin: 25px 0;
      display: block; }
      .container ul.list li a {
        text-decoration: none; }
        .container ul.list li a:hover {
          text-decoration: underline; }

.back-link {
  text-decoration: none;
  color: #4169E1; }
  .back-link:hover {
    text-decoration: underline; }

.footer {
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
  font-size: 14px; }

.button {
  background: #4169E1;
  padding: 7px 15px;
  border-radius: 4pt;
  color: white;
  text-decoration: none;
  transition: 0.2s background ease-in-out;
  display: inline-block; }
  .button:hover {
    background: #1a3ca2; }

/*# sourceMappingURL=layout.css.map */