<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Laravel</title>

    @vite('resources/scss/main.scss')
</head>
<body class="font-sans antialiased dark:bg-black dark:text-white/50 relative bg-gradient-to-t from-sky-700 to-cyan-300 bg-fixed">
<nav class="absolute h-28 w-[calc(100%-3rem)] z-50 left-12 top-12 px-4 rounded-l-full bg-gradient-to-r
    from-white flex flex-row flex-nowrap justify-between items-center leading-none"> {{----}}
    <div class="flex flex-row flex-nowrap justify-between items-center">
        <div>
            <img src="{{Vite::asset('resources/images/tiny_logo.png')}}" class="block" alt="Logo">
        </div>
        <h1 class="text-[#1477c6] [text-shadow:_0_1px_2px_rgb(0_0_0_/_40%)] text-5xl font-extrabold ml-6 mr-4">Events
            <small class="text-xss">@</small> Venues</h1>
    </div>
    <a href="{{route('dashboard')}}" class="justify-self-end tracking-widest font-extrabold text-2xl text-gray-100 drop-shadow-lg mr-[48px]
    hover:underline hover:underline-offset-8 hover:text-white">Dashboard</a>
</nav>
<section>

</section>
@vite('resources/js/main.js')
</body>
</html>