time_denote_display_app.html

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=yes, maximum-scale=6.0, minimum-scale=1.0">
<title>時刻表示アプリ</title>
<script src="./time.js"></script>
<style>
body {background-color: #000;}
output {color: #00ff00; padding: 10px; font-size: 58px;}
.center {display: flex; justify-content: center; margin-top: 40vh; margin-bottom: 40vh; background-color: rgba(0,0,0,0.5); border-radius: 10px;}
@media only screen and (max-width:750px){output {color: #fff000; font-size: 45px;}.center {margin-top: 25vh; margin-bottom: 25vh;}}
@media only screen and (max-width:350px){output {color: #fff000; font-size: 35px;}}
</style>
<!--
  *----------------------------------
  |  ThisPageVersion: 0.2         |
  |  © 2021-2023 By Pusyuu        |
  |  LastUpdate: 2023-04-23       |
  |  time denote display app      |
----------------------------------*
-->
</head>
<body>
<div class="center">
<output></output>
</div>
</body>
</html>