@charset "UTF-8"

*{
 margin:0px;
 padding:0px;
}

body{
 font-family:"Verdana","Arial","Helvetica","sans-serif","ＭＳ Ｐゴシック","MS UI Gothic","Osaka";
 background-color:black;
 color:white;
}

/*ユーザースタイル*/
@media screen and (orientation: portrait) {
  #time{
   font-size:20vw;
   font-weight:bold;
  }
}
@media screen and (orientation: landscape) {
  #time{
   font-size:30vh;
   font-weight:bold;
  }
}
.left{
 float:left;
}
.left2{
 float:left;
 margin-left:20px;
}
.left150{
 float:left;
 margin-left:150px;
}
.right{
 float:right;
}
.clear{
 clear:both;
}
.center{
 text-align:center;
}
.leftside{
 width:50%;
 float:left;
}
.rightside{
 width:50%;
 float:right;
}