<script setup lang="ts">
import HeaderLinks from './HeaderLinks.vue';
import SiteOptions from './site_options/SiteOptions.vue';

</script>

<template>
    <div class="header">
        <div class="header-container">
        </div>
        <div class="undertable">
            <h1>ARANROIG.COM</h1>
            <HeaderLinks></HeaderLinks>
            <Sprite path="/sprites/alfadir/" frames="13" fps="6" top="-267px" left="-80px" width="1300"></Sprite> 
        </div>
        <div class="header-container">
            <SiteOptions></SiteOptions>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.header-conainer {
    position:relative;
}
.header {
    position: relative;
    margin-top: 30px;
    user-select: none;
    display: flex;
    justify-content: space-between;
}

.undertable {
    position: relative;
    left: 45px;
    margin-top: 300px;
    margin-left: -360px;
    margin-bottom: 25px;
    user-select: none;
}
</style>