* {
 	font-family: "Libre Franklin", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 100;
  	font-style: normal;	


	box-sizing: border-box;
	margin: 0;
	/*color: #202712;  /*#261b1a;*/
}

.centered-div {
            height: 100%;
	    display: flex;
            text-align: center;
            line-height: 1000px;  /* Centers text vertically inside the div */
	    justify-content: center;  /* Centers horizontally */
            align-items: center;      /* Centers vertically */
        }

.outer {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  height: 80%;
  width: 100%;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  /* Whatever width you want */
}






footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 10px 0;
            position: fixed;
            width: 100%;
            bottom: 0;
        }