index.html

---
layout: home
---
<h2 id="main-title" style="text-decoration: underline; font-size: 32px; margin-top: -60px; text-align: center;">Niclas Griesshaber</h2>

<p style="font-size: 1.4em; text-align:center; margin-bottom: 20px; margin-top: 15px;">I am a researcher in Economic History and Machine Learning.</p>

<img src="/assets/img/photo_griesshaber.jpeg" alt="Niclas Griesshaber" style="max-width:100%;">

<h2 style="text-align:center; margin-top: 40px;">Feel free to reach out</h2>

<table class="contact-info">
    <tr>
        <td><a>niclasgriesshaber@outlook.com</a>&nbsp;</td>
    </tr>
</table>

<style>
    .contact-info {
        width: 50%;
        margin: 0 auto;
        border-collapse: collapse;
        background-color: transparent; /* Set transparent background */
    }
    .contact-info td, .contact-info tr {
        padding: 5px 0;
        vertical-align: top;
        background: none; /* Remove background color */
        border: none;     /* Remove any borders */
        text-align: center; /* Add this line */
    }
    .contact-info td:first-child {
        white-space: nowrap;
        padding-right: 20px; 
    }
    .contact-info tr:first-child td { /* Add a border-top to the first row */
        border-top: 1px solid black;
    }
</style>