[serpi]

Wondering if someone can help me with a bit of code for the title page, I'm having issues with

I'm using the below code for a nicer title page credit to @culytera, but it's absolutely huge on a kobo libra colour taking 3-4 pages to go past, and I'm not sure where to edit to adjust this size, i've tried changing the font size and it's changing in calibre but not the kobo.

I'm also getting something at the top of the title in calibre page saying

"error on line 25 at column 7: opening and ending tag mismatch :dl line 14 div"

I'm very new to this so this code be referencing something else in the personal ini, but it felt it made the most sense to be here.

Any help would be appreciated

Spoiler:

body {
  text-align: left;
  font-family: 'Noto Sans', sans-serif;
 }
 body.fff_titlepage {
  font-size: 2.5vmax;
  font-family: 'Roboto', sans-serif;
 }
 hr {
  display: block;
  border: 0; border-top: 1px solid;
  padding: 0;
 }
 .hr-sect {
  display: flex;
  flex-basis: 100%%;
  align-items: center;
  text-align: center;
  margin: 5px 0px;
 }
 .hr-sect:before,
 .hr-sect:after {
   content: "";
   flex-grow: 1;
   height: 1px;
   border: 0; border-top: 1px solid;
   font-size: 0px;
   line-height: 0px;
   margin: 0px 8px;
 }
 .fff_titlepage .title h1,
 .fff_titlepage .title h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 3vmax;
  margin: 0;
 }
 .fff_titlepage .title h1 { font-weight: normal; }
 .fff_titlepage .title h1 a { font-weight: bold; }
 .fff_titlepage .title a,
 .fff_titlepage .tags a,
 .fff_titlepage .tag-summary-content a {
  text-decoration: none;
  color: unset;
 }
 .fff_titlepage .tag-summary-content a {
  font-style: italic;
 }
 .fff_titlepage .tag-summary-content p {
  margin-top: 0;
 }
 .fff_titlepage .tags {
  display: block;
  padding: 0;
 }
 .fff_titlepage dl .inline dd {
   display: inline;
   margin: 0;
 }
 .fff_titlepage dl .inline dd:after {
   display: block;
   content: '';
 }
 .fff_titlepage dl .inline dt {
   display: inline-block;
 }
 .fff_titlepage dd { margin-left: 0.75em; }
 .fff_titlepage dl, .fff_titlepage dt { margin: 0; }
 @media only screen and (max-device-width: 480px),
 only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 	body.fff_titlepage { font-size: inherit; }
 }