index.html

<main>
<div class="home">
    <div>
        <div class="home-logo">
            <svg class="nav-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 365.37 365.37"><defs>    <style>       .cls-1{    fill:none;    stroke-width:18px;}  .cls-1, .cls-2 {    stroke: var(--secondary-color);    stroke-miterlimit:10;} .cls-2 {    fill: var(--secondary-color);    stroke-width:5px;}    </style>  </defs><circle class="cls-1" cx="182.68" cy="182.68" r="173.68" /><path class="cls-2" d="M210.41,66.38A115.27,115.27,0,0,1,70.52,248.19,134,134,0,1,0,210.41,66.38Z" transform="translate(-17.32 -17.32)" /></svg>
            <div class="text">Incognito</div>
        </div>
        <form class="service" action="./gateway" method="POST">
            <input list="suggestions" style="border-radius: 30px 0px 0px 30px; padding-left: 15px; border-right: none;" required autocomplete="off" name="url" placeholder="Search the web"><button style="border: 1px solid var(--border-color); border-left: 0; border-radius:  0px 30px 30px 0px; margin: 0; padding: 0; width: 50px; height: 48px;" type="submit" class="button" data-style="secondary"><i style="color: var(--border-color);" class="fas fa-search"></i></button>
        </form>
        <datalist id="suggestions">
            <option value="discord.com"></option>
            <option value="youtube.com"></option>
            <option value="twitch.tv"></option>
            <option value="twitter.com/explore"></option>
            <option value="reddit.com"></option>
        </datalist>
    </div>
</div>
</main>
<div style="background: white;" data-service="web" class="frame">
    <iframe style="background: none" src="about:blank"></iframe>
</div>