Conversion

HTML

<!doctype html>
<html>
<meta charset="UTF-8">
<head>
 <title>Convert Minutes to Days</title>
<link href="aonestylesheet.css" rel="stylesheet">
   
</head>

<body>
<div class='wrapper'>
  <div class='content'>
    <span class='green'>Use our tool to convert minitues into days below!</span> <br> 
      <hr>
  <script>
    var minutes = Number(prompt("Please enter a number of minutes. Please do not add commas or other special characters."));
    var days_minutes= Math.round (((minutes/=1440)*100))/100;  // XMinutes= 1 day divided by 1440 rounded to one decimal
    var output = "<span class='green'>This is your amount of minutes in days:" + ' ' + days_minutes +".</span>";
    document.write(output);
   </script>
   </div>
    
</div>
</body>
</html>

CSS

/* CSS stylesheet for Ovetta Sampson JS a1_minutes project*/
html {
    background:linen;
}
.wrapper {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 5%;
    top: 5%;
    padding: 5%;
    
}
span.green {
    font-size: 1.4em;
    font-family: Didact Gothic;
    padding 5px;
    color: #ff9900;
    
}
.content {
width: 150px;
height: 150px;
position: relative;
padding: 5%;
left: 10%;
text-align:center;
background-image: url(backgroundpic.jpg);
background-repeat:no-repeat;
background-size: auto;
}

.footer {
    width: 100px;
    padding-top: 20px;
    text-align: center;
    background: #ff9900;
    color: white;
    font-family:fantasy;
    font-size: 1em;
    position: relative;
    bottom: 20px;
    left:70%;
    top: 10%;
    
}