sdfsdfsadasdsa

<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="/assets/css/style.css">

    <title>Site</title>

</head>
<body>

    <header>
        <div class="logo">
            <a href="/index.html"><img src="/assets/img/logoroblox.png" style="width: 80px; height: 80px; padding: 20px;"></a>
            <span style="vertical-align: 45px;">SITE</span>
        </div>

        <ul>
            <li><a href="/index.html" style="color: #9b9b9b;">HOME</a></li>
            <li><a href="/pages/contact.html">CONTACT</a></li>
            <li><a href="/pages/aboutus.html">ABOUT US⠀</a></li>
        </ul>

    </header>

    <div class="content" id="content">

        <h1>INICIO</h1>

        <br>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Velit, mollitia ipsum corporis enim placeat minus ab ratione fuga temporibus vel unde ipsam sunt porro itaque esse tempora consequuntur laboriosam, atque ex nesciunt necessitatibus. Consequuntur iure magni ea quidem. Saepe aperiam quas sunt! Ipsum deserunt amet minima sint sapiente officiis sunt itaque, vel cum dolor quas obcaecati esse magnam qui consectetur, reiciendis tempora. Autem perspiciatis sit cumque? Quisquam quibusdam hic sapiente sed labore animi amet excepturi laudantium, corrupti molestiae. Dolores, consectetur beatae. Magni dolores consectetur omnis cupiditate quo nesciunt facilis voluptates, perferendis minus, quos reiciendis, maxime inventore sint obcaecati porro enim!</p>
        <br>
        <br>

    </div>

    <footer></footer>

    <script src="/assets/js/main.js"></script>

</body>
</html>


body {
    margin: 0;
    padding: 0;
    background-color: #dad9d8;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

header {
    background-color: #da9c51;
    color: white;
    height: 120px;
    font-size: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header ul {
    display: flex;
    list-style: none;
    gap: 30px;
}


header a {
    text-decoration: none;
    outline: none;
    color: #ffffff;
}

header a:hover {
    color: #818181;
}

header span {
    text-decoration: none;
    border-bottom: 10px dashed white;
}

#content {
    padding: 100px;
    text-align: center;
}

footer {
    background-color: #da9c51;
    height: 120px;
}