<!DOCTYPE html>
<html lang="fr">
<html>

<head>
    <meta charset=utf-8>
    <title>Math'Educ</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <style>
        @font-face {
            font-family: 'MenuFont';
            src: url('Media/mathEducFont.ttf') format('truetype');
        }

        * {
            font-family: 'MenuFont';
        }
    </style>
</head>

<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));">
    <div class="d-flex flex-row justify-content-around align-items-end" style="height:95vh">
        <img src="Media/moon.png" class="position-absolute" style="top:0%; height:15vh;">
        <img src="Media/rocket.png" style="width:8vh;">
        <img src="Media/rocket.png" style="width:8vh;">
        <img src="Media/rocket.png" style="width:8vh;">
        <img src="Media/rocket.png" style="width:8vh;">
    </div>
</body>

</html>