body{
  background-color: #F7F3E8;
}
 h1 {
     color: #BA2715;
     font-size: 1.2rem;
     /* position: fixed; */
     /* padding-left: 600px; */
     width: 500px;
     /* display: inline-block; */
     /* text-align: center; */
     /* margin-left: rem; */ 
    
 }
 .container {
     display: flex;
     justify-content: center;
     /* Centers horizontally */
     align-items: center;
     /* Centers vertically */
     height: 50vh;
     width:100%
     /* Makes container fill the full screen height for page centering */
     /* Add a border or background to see the container boundaries */
 }

 .centered-paragraph {
     text-align: center;
     margin: 0;
     /* Centers the text *inside* the input field */
 }
/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
    float: left;
    width: 25%;
    padding-right: 380px;
}

/* Clear floats after image containers */
.row::after {
    content: "";
    clear: both;
    display: table;
}
#fixedText {
    color: #BA2715;
    font-size: 0.9rem;
    /* slightly bigger */
    padding: 10px;
    position: fixed;
    bottom: 20px;
    /* add some spacing from edge */
    right: 20px;
    z-index: 9999;
    /* must be above other content */
    max-width: 200px;
    background: #F7F3E8;
    /* optional, so text is readable */
}
 .hidden-text {
     display: none;
 }
 .documentation {
    display:block;
    margin:auto;
    text-align: center;
 }
 <style> 
 a:link {
     color: #BA2715;
     background-color: transparent;
     text-decoration: none;
 }

 a:visited {
     color: #BA2715;
     background-color: transparent;
     text-decoration: none;
 } 

 a:hover {
     color: rgb(54, 1, 1);
     background-color: transparent;
     text-decoration: underline;
 }

 a:active {
     color: white;
     background-color: transparent;
     text-decoration: underline;
 }

 </style>