anchor.diff:      text-align: center;
       padding-bottom: 20px;
       text-decoration: none;
  +}
  +
  +@media (max-height:650px) and (max-width:450px) {
  +	#login-box {
  +		margin-top: -45px;
  +	}
  +	
  +	#signup-box {
  +		margin-top: 0px;
  +	}
  +    
  +}
  +
  +@media (max-width:450px) {
  +	#login-box {
  +		margin-top: 0px;
  +	}
  +	
  +	#signup-box {
  +		margin-top: 0px;
  +	}
  +    
  +}
  +
  +@media (max-height:650px) {
  +	#login-box {
  +		margin-top: -0px;
  +	}
  +	
  +	#signup-box {
  +		margin-top: 0px;
  +	}
  +    
   }
   
   </style>
  
positive.code:             <input class="inputtext signup-inputtext form-control" type="text" name="userName" id="userName" required="required" placeholder="Username"/>
              <input class="inputtext signup-inputtext form-control" type="password" name="password" id="passwordOne" required="required" placeholder="Password"/>
              <input class="inputtext signup-inputtext form-control" type="password" required="required" id="passwordTwo" placeholder="Confirm password"/>
              <input class="btn btn-lg btn-block btn-primary submit-btn" type="submit" value="create Player"/>
              <div class="filler"></div>
          </div>
              <input type="hidden" name="${_csrf.parameterName}"	value="${_csrf.token}"/>
  
negative.code: ><!-- Top row -->
      <div class="row">
          <form method="post" action="./login">
          <div id="login-box" class="col-sm-offset-3 col-sm-6 col-md-offset-4 col-md-4 box">
              <img id="login-icon" alt="knight"  src="./img/Knight.svg"/>
              <p id="login-title">Adrian McLaughlin's <strong>Chess Game</strong></p>
              <c:if test="${param.error != null}">
  