about: gambling moonlight

<!DOCTYPE HTML>
<html>
    <head>
          <title>{Title}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
    <style>
        ::-webkit-scrollbar {
            width: 9px;
            height: 9px;
        }
        ::-webkit-scrollbar-button {
            width: 0px;
            height: 0px;
        }
        ::-webkit-scrollbar-thumb {
            background: #A3E4D7;
            border: 0px none #A3E4D7;
            border-radius: 2px;
        }
        ::-webkit-scrollbar-thumb:active {
            background: #A3E4D7;
        }
        ::-webkit-scrollbar-track {
            background: #fff;
            border: 0px none #A3E4D7;
            border-radius: 21px;
        }
        ::-webkit-scrollbar-corner {
            background: transparent;
        }
        body {
            background-color: #f9f9f9;
            font-family: Rubik, sans-serif;
            font-size: 14px;
            color: #222;
            padding: 0px !important;
            margin: 0px !important;
        }
        a {
            text-decoration: none;
            color: #222;
              moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
        }
        a:hover {
            color: #A3E4D7;
              moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
        }
        .begimg {
            border-radius: 50%;
            width: 64px;
            margin-top: 20px;
            margin-bottom: 20px;
            display: inline-block;
            vertical-align: middle;
            padding: 5px;
        }
        .name {
            display: inline-block;
            vertical-align: middle;
            font-size: 20px;
            margin-left: 5px;
        }
        .nav {
            width: 100%;
            height: 75px;
            border-top: 1px solid #A3E4D7;
            border-bottom: 1px solid #A3E4D7;
            text-align: center;
        }
        .nav a {
            display: inline-block;
            margin: 15px;
            font-size: 18px;
            margin-top: 24.5px;
        }
        .container {
            width: 100%;
            position: relative;
        }
        .tablec {
            top: 50px;
            width: 25vw;
            position: relative;
            display: inline-block;
            vertical-align: top;
            left: 20vw;
            margin-bottom: 50px;
        }
        .tablec h2 {
            text-align: center;
            font-weight: normal;
        }
        table, td {
            border: 1px solid #A3E4D7;
            border-collapse: collapse;
        }
        td {
            padding: 10px;
            text-align: center;
            width: 12.5vw;
        }
        .info {
            top: 50px;
            width: 25vw;
            position: relative;
            display: inline-block;
            left: 30vw;
            vertical-align: top;
            margin-bottom: 50px;
        }
        .info h2 {
            text-align: center;
            font-weight: normal;
        }
        .infotext {
            border: 1px solid #A3E4D7;
            padding: 10px;
        }
        .credit img {
    width: 20px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
}
    </style>
    </head>
    <body>
    <center><img src="{PortraitURL-128}" class="begimg"><span class="name">@{Name}</span></center>
    <!--edit the link urls and colors if you want!-->
     <div class="nav">
         <a href="https://tumblr.com">dashboard</a>
         <a href="/ask">message</a>
         <a href="/">uno</a>
         <a href="/">dos</a>
         <a href="/">tres</a>
         <a href="/">return</a>
     </div>

    <!--edit tc for the category and tc2 for your info. if you want more boxes, copy:
    <tr>
    <td>content</td>
    <td>content</td>
    </tr>
-->
     <div class="container">
              <div class="tablec">
     <h2>about the blogger</h2>
         <table>
             <tr>
                 <td>name</td>
                 <td>vic</td>
             </tr>
             <tr>
                 <td>birthday</td>
                 <td>december 19th</td>
             </tr>
             <tr>
                 <td>MBTI</td>
                 <td>INTJ</td>
             </tr>
             <tr>
                 <td>hogwarts</td>
                 <td>slytherin</td>
             </tr>
             <tr>
                 <td>zodiac</td>
                 <td>sagittarius</td>
             </tr>
             <tr>
                 <td>temperament</td>
                 <td>melancholic</td>
             </tr>
         </table>
    </div>
   <!--edit the paragraph starting from Lorem Ispum and ending with ut vix-->
    <div class="info">
    <h2>biography</h2>
        <div class="infotext">
            Lorem ipsum dolor sit amet, mei patrioque argumentum dissentias at. Nec dico antiopam in, vel an quot natum imperdiet. Omittam singulis forensibus sit eu, probatus principes comprehensam pri ne. Nec modus consequuntur ei, mel sensibus assueverit ea. Has liber ponderum at, quo dolorum commune invenire eu, possim splendide has cu.
            Elitr scaevola patrioque eum an, nobis pertinax in eam. Elit semper minimum eu eam, mel te populo delicata persequeris, eius iuvaret definitiones eu nam. Vim ex labore civibus constituto. Agam facer ut vix.
        </div>
    </div>
        <a class="credit" href="https://aubadese.tumblr.com" title="credit"><img src="https://i.imgur.com/ZLwssBb.png"/></a>
     </div>

    </body>
</html>