feat: add font to homepage

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

html{

    background-image: url("/images/background-homepage.jpg");

}

.background-image{

    filter: blur(5px);

}

.center-box{

    padding: 30px;

    background-color: rgba(255, 255, 255, 0.22);

    width: 60em;

    height: 25em;

    border-radius: 30px;

    margin: auto;

    margin-top: 7em ;

    display: block;

    text-align: center;

    backdrop-filter: blur(5px);

}

h1{

    font-family: 'Space Grotesk', sans-serif;

    font-size: 55px;

    color: white;

    font-weight: bold;

}

p{

    font-family: 'Montserrat', sans-serif;

    margin-top: 30px;

    font-size: 30px;

    color: white;

}

button{

    margin-top: 50px;

    background-color: #f7c36f;

    border-radius: 10px;

    width: 300px;

    height: 40px;

}

 No newline at end of file

<x-layout>

    @if(!session()->has('user'))

            Vous devez être connecté pour accéder à cette page.

        <link rel="stylesheet" href="/css/homepage.css">

        <div class="center-box">

            <h1>Carantec Nautisme, plongeons!</h1>

            <p>

                Carantec Nautisme vous accompagne dans vos plongées. 

                Nos adhérent.e.s propose différentes activités pour tout les niveaux !

            </p>

            <button>

                Je me connecte

            </button>

        </div>

    @else

        <x-page-title>Tableau de bord</x-page-title>

        <h2 class="text-2xl font-semibold text-gray-800">Bonjour {{ session('user')->US_FIRST_NAME . " " . session('user')->US_NAME . "," }}</h2>