HTML code

<!DOCTYPE html>
<html>
  <head>
    <title>home</title>
    <link href="https://fonts.googleapis.com/css?family=Bellefair" rel="stylesheet">
    <link rel = "stylesheet" type = "text/css" href="/static/css/style.css"!important>
    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">

  </head>

  <body>
    <div class="topcontainer">
      <div class="topleft">
        <img id="icon" src="/static/img/whiteCloud.png">
      </div>
      <div class="topright">
        <ul>
            <li>about</li>
            <li>join the movement</li>
            <li>contact us</li>
        </ul>
      </div>
    </div>
    <div class="midcontainer">
      <video autoplay loop>
        <source src="/static/img/clouds.mp4" type="video/mp4">
      </video>
      <div class="transbox">
        <div class="form">
          <form action="/" method="POST" class="pure-form pure-form-stacked">
                <input id="email" name="email" type="email" placeholder="email">
                <input id="password" name="password" type="password" placeholder="password">
                </label>
                <button type="submit" id="firstbutton" class="buttons"><span>login</span></button>
                <a href="http://fennellj.pythonanywhere.com/signup">
                    <button class="buttons"><span>or sign up here!</span></button>
                </a>
          </form>
        </div>
      </div>
    </div>
  </body>
</html>