<script>
    import  Logo  from "$lib/img/topscorer_logo_web.png"
</script>

<div class="header">
    <img src={Logo} alt="logo">
    <span class="title">Surfers Edit</span>
</div>

<style>
    .header {
        background-color: black;
        display:grid;
        grid-template-columns: auto 2fr;
        align-items: center;
    }

    .header img {
        height: 3rem;
    }

    .header .title {
        font-size: 1.5em;
        color: aliceblue;
        margin: 0 auto;
    }
</style>