details.html

<!DOCTYPE html>
<html id="html" lang="en" data-theme="light">

<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">
    <title>Document</title>
    <link rel="stylesheet" href="assets/style/style.css">
</head>

<body>
    <div class="container">
        <header>
            <div class="header-title">
                <a href="index.html">
                    <h1 class="header-title__title">Where is the world?</h1>
                </a>
            </div>
            <div class="dark-mode">
                <img id="modePic" src="assets/img/sun light mode.svg" alt="lightmode">
                <strong id="darkModeTxt">Dark Mode</strong>
            </div>
        </header>
        <div class="main">
            <div class="back">
                <a href="index.html">
                    <i class="fa-solid fa-arrow-left"></i>
                    Back
                </a>
            </div>
            <div class="lds-facebook">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <script src="https://kit.fontawesome.com/2e18f2b45c.js" crossorigin="anonymous"></script>
    <script src="details.js"></script>
</body>
</html> 