HTML/CSS - Your Massa On Other Planet Online Editor and JavaScript Compiler

html

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Your Weight on Other Planets</title>
<meta name="Description" content="Find out how much you would weight on other planets.">
<link href="/style.css" rel="stylesheet" type="text/css">
<link href="/print.css" rel="stylesheet" type="text/css"  media="print">
 <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://www.w3schools.com/lib/w3codecolor.js"></script>
    <link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet">
<script language="JavaScript" src="/misc_functions.js" type="text/javascript"></script>
</head>
<body>
<center>
<table border="5" cellpadding="1" cellspacing="0" width="300" id="mainbg"><tr><td>
<SCRIPT LANGUAGE="JavaScript">
<!--
function stripBad(string)
{
  for (var i=0, output='', valid="eE-0123456789."; i<string.length; i++)
    if (valid.indexOf(string.charAt(i)) != -1)
      output += string.charAt(i)
  return output;

css

body {
    background-color: #705d68;
    font-family: 'Handlee', cursive;
}
table{
    background-image:url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRhXNM0RaYD9-mStqbdvfDGq9BCVzDWExiBwVpvx22dfyfXSxVVCr7ISLTe");
     border-style:dotted; 
     border-radius: 15px 50px; 
}
font{
    color: #b22929;
    font-size:15px;
    font-weight:bold;
}
p{
    font-size:15px;
    color: #471a07;
}
input{
     border-radius: 15px 50px; 
     box-shadow:5px 10px 10px  gray;
     text-align:center;
}

BROWSER

Console