Untitled

<!DOCTYPE html>
<html lang="it">
    <head>
        <link href="css/homecss.css" rel="stylesheet" type="text/css">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Redressed&display=swap" rel="stylesheet"> <!-- Redressed -->
        <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"> <!-- Open Sans Regular 400 -->
        <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&display=swap" rel="stylesheet"> <!-- Lora Medium 500 -->
        <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,300&display=swap" rel="stylesheet"> <!-- Roboto Light Italic -->
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap" rel="stylesheet"> <!-- Inter 300-400-700-900 -->
        <title> Pizzeria | Home </title>
        <link rel="shortcut icon" href="img/favicon.ico" />
        <meta charset = "UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    </head>
    <body>
        <nav oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
            <div id="menudesktop">
                <img src="img/logo.png" class="logo" alt="logo">
                <ul>
                        <li> <a href="#">Home</a> </li>
                        <li> <a href="#">Menu</a> </li>
                        <li> <a href="#">Foto</a> </li>
                        <li> <a href="#">Contattaci</a> </li>
                </ul>
            </div>
            <ul id="menuresponsive">
                <li>
                    <a href="#" id="simbolomenu"> &#9776; </a>
                    <div class="dropdown-content">
                        <a href="#">Home</a>
                        <a href="#">Menu</a>
                        <a href="#">Foto</a>
                        <a href="#">Contattaci</a>
                    </div>
                </li>
            </ul>
            <div class="social">
                <a href="#" target="_blank"> <img src="img/facebook.png" alt="facebook"> </a>
                <a href="#" target="_blank"> <img src="img/instagram.png" alt="instagram"> </a>
            </div>
        </nav>
        <div id="top" oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
            <div id="top--citazione">
                <p style="margin-top: 10vw;">&quot;Noi italiani ci distinguiamo con il nostro cibo.</p>
                <p>Ecco perch&egrave; ci piace associare l&apos;idea di casa</p>
                <p>a quella di una tavola imbandita con attorno familiari e amici:</p>
                <p>Questo &egrave;&quot;</p>
                <div id="bandiera">
                </div>
            </div>
        </div>