Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Custom</title>
    <style>


    img {
        width: 16.5vw; height: auto; margin-left: 12%; margin-top: 10%
    }

    </style>
</head>
<body>
    <b>
        <p style="font-family:'Times New Roman', Times, serif;font-size:6em;color:brown;text-align:center">
            Luigi's <img src="luigi.png" alt="luigi" class="luigi">
        </p>
    </b>
    <b>
        <p style="font-family:'Times New Roman', Times, serif;font-size:25px;color:brown;text-align:center">
            Welcome to the worlds best Italian pizza restaurant Luigi's
        </p>
    </b>

    <img src="mz cheese.jpg" alt="mozzarella cheese" class="mzcheese" >

    <img src="feta.jpg" alt="feta cheese" class="feta">

    <img src="gouda.jpg" alt="gouda cheese" class="gouda">

<form>

    <input type="button" value="Mozzarella cheese" id="mzcheese" onclick="mzc()" class="b1">
    <input type="button" value="feta cheese" id="feta" onclick="feta()" class="b2">
    <input type="button" value="gouda cheese" id="gouda" onclick="gouda()" class="b3">

</form>

<br><br><br>

<hr>

<br><br><br>

    <img src="bacon.jpg" alt="bacon" class="bacon" >

    <img src="beef.jpg" alt="beef slices" class="beef">

    <img src="ham.jpg" alt="ham" class="ham">


</body>
</html>