html {background-color: #FFF8CC; 
    text-align: center}

body 

h.title {font-size: 50px;
        color: #941F27;
        font-weight: bold;
        text-decoration: underline;
        }

h.subtitle {font-size: 30px;
        color: #941F27;
        font-weight: ;
        }

.button {
  background-color: #610B21;
  border: 3px solid #000000;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: inherit;
  display: inherit;
  font-size: 16px;
  font-weight: bold;
  transition-duration: 0.3s;}

.button:hover {
  background-color: #FFF8CC;
    color: black;}

.tablemenu {
        align-content: center;   
        border: 1px solid black;
        border-collapse: separate; 
        border-spacing: 1px;}

 .tablemenu td {
            padding: 5px;
            width: 200px;
            background-color: #610B21;
            color: white;
            align-content: center;   
            border: 1px solid black;
            border-collapse: separate; 
            border-spacing: 1px;}

.tablemenu th {font-style: italic;
            font-weight: bold; 
            padding: 10px;
            align-content: center;   
            border: 1px solid black;
            border-collapse: separate; 
            border-spacing: 1px;
            font-size: 20px;
            text-decoration: underline;}

hr.break {height: 10px;
	       border: 0;
	       box-shadow: 0 10px 10px -10px #610B21 inset;}

.tablecredits{
              align-content: center;   
              border: 1px solid black;
              border-collapse: separate; 
                border-spacing: 1px;}

.tablecredits td {
                padding: 5px;
                width: 200px;
                background-color: #610B21;
                color: white;
                align-content: center;   
                border: 1px solid black;
                border-collapse: separate; 
                border-spacing: 1px;}

.tablecredits th {font-style: italic;
                    font-weight: bold; 
                    padding: 10px;
                    align-content: center;   
                    border: 1px solid black;
                    border-collapse: separate; 
                    border-spacing: 1px;
                    background-color: #FFF8CC;
                    color: black;
                    font-size: 20px;
                    text-decoration: underline;}

a.redbg:link {color:aqua;
              text-decoration: none;}
a.redbg:visited {color:aqua;}
a.redbg:hover {color: aquamarine;
               text-decoration: underline;}
a.redbg:active {color: aliceblue;}






/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 0px;
}
/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}
.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 0px;
}

.container {width: 100%;
            clear: both;
            text-align: center}

.container input {width: 300px;
                  text-align: center}