*{
   margin: 0;
   padding: 0;
}
body{
   height: 100vh;
	background-color: aliceblue;
   /* background-position: center; */
   font-family:
     -apple-system,        /** Safari for OS X and iOS (San Francisco) **/
     BlinkMacSystemFont,   /** Chrome < 56 for OS X (San Francisco) **/
     Segoe UI,           /** Windows **/
     Roboto,               /** Android **/
     Helvetica Neue,     /** Basic web fallback **/
     Arial, 
     sans-serif;
}
header{
   
   width: 100%;
   height: 10%;
   position: fixed;
   top: 0;
   left: 0;
   align-items: center;
   overflow: hidden;
   
}

header h1{
   width: 100%;
   height: 10%;
   position: fixed;
   /* position: relative; */
   color: red;
   font-family: 'Alegreya', serif;
   font-variant: small-caps;
   top: 1%;
   width: 100%;
   text-align: center;
   z-index: -1;
}

.home{
   float: left;
   margin-left: 1%;
   border-radius: 50px;
   height: 40px;
   width: 40px;
   background-image: url("../web_images/logowebsite.ico");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   border-style: none;
}
.home a{
   height: 40px;
   width: 40px;
   color: #DCDADD00;
}

main h2{
   font-size: 25px;
   text-align: center;
   color: black;
}

footer{
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color:#DCDADD00;
   overflow: hidden;
   height: 2em;
   text-align: right;
   
 }
 footer div{
   opacity: 0.35;
   display: inline; 
    margin-right: 1%;;
 }
 footer div a{
   color: azure;
   text-decoration: none;
 }