index.html

<script src="/uv/uv.bundle.js" defer></script>
	<script src="/uv/uv.config.js" defer></script>
	<script src="/register-sw.js" defer></script>
	<script src="/search.js" defer></script>
	<script src="index.js" defer></script>
	<script src="/error.js" defer></script>
<link rel='icon' type='image/x-icon' href='p'>
<div class='title'>
    <h1 id='title1'>Dat Doggy Unblocker</
<form id="daform" style="text-align: center; width: 700px; margin: 200px auto 0;">
        <input id="dasearchengine" value="https://www.google.com/search?q=%s" type="hidden"/> 
        <input id="daaddress" type="text" placeholder="Search the web freely" class="form__input" style="width: 100%; padding: 10px; margin-top: 10px; text-align: center;
    border-radius: 18px;
    outline:none;
    border-radius: 18px;
    background:transparent;
    border: 2px solid white;
    color: grey;
    width: 600px;
    height:50px;"/>
    </form>
	<div class="desc left-margin" style="margin-left: auto; margin-right: auto; width: 80%; text-align: center;">
	    <p id="uv-error"></p>
	    <pre id="uv-error-code"></pre>
	</div>
<style>
    body{
     background-color:#423e3e;
        overflow:hidden;
    }
    .bg{
    top: 0%;
    left: 0%;
    position: absolute;
    width:100%;
    height:100%;
    }
    .searchbox{
    width:47%;
    height:7%;
    position: absolute;
    left:26.5%;
    top:50%;
    }
    .search{
    text-align: center;
    background: transparent;
    border-radius: 18px;
    border-radius: 18px;
    width:100%;
    height:100%;
    }
    .title{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    position: absolute;
    width: 100%;
    height: 100px;
    top:17%;
    float: center;
    align: center;
    text-align: center;
    color:white;
    font-size:30px;
    }
    ::placeholder {
    margin: auto;
    color: inherit;
    font-size: 1.2em;
    }
</style>