#clock {
  width: 300px;
  height: 300px;
}

.mycalender{
  font-size: 5vh;
  font-weight: bold;
  color:rgb(250, 184, 1);
  
}

.myclock{
  font-size:4vh;
}

/* タイマーアイテムを横に並べる*/
.timer-item{
  display: inline-block;
  margin-left: 30px;
}

/*
vh, などについて
https://dev.classmethod.jp/articles/css-length-viewport/
*/
.input-item-sw{
  width:75px;
  font-size: 5vh;
}

/* ストップウォッチのボタン*/
.sw-button{
  width:100px;
  font-size: 5vh;
}