h1 {text-align: center;
    color: white;
    font-size: 3em; }
      
div.h1 {background: linear-gradient(135deg, #010623 0% 70%,
#b3b1ab 70% 71%, yellow 71% 100%);
	padding: 2em;
}

h2 {text-align: center;}

pre {text-align: center;
     font-size: 2.5ex;
}

th {text-align: center;
    color: white;
    background-color: #010623;
    padding-left: 2em;
    padding-right: 2em;
    }

td {padding-left: 1em;
    padding-bottom: 1ex;
    padding-top: 1ex;}

.border {border-top-style: dotted;
         border-bottom-style: hidden;
	 border-width: medium;
         margin-top: 2em;
	 margin-left: 1em;
	 margin-right: 1em;
	 }

.genre {width: 45vw;
	float: left;
	margin-right: 5px;
	margin-left: 20px;
	text-align: center;
}

.hp {width: 10vw;
     float: left;
     margin-right: 5px;
     margin-left: 5px;
     text-align: center;	
}

.contact {width: 45vw;
          float: left;
          margin-right: 20px;
	  margin-left: 5px;
	  text-align: center;
}

footer {display: flex;
        justify-content: space-between;}