/* タイトル */
#coolDownTitle {
  animation: titleAnime 6s;

  background-color: steelblue;
  /* background-color: rgb(0,0,160); */
  /* background-color: rgb(128,128,128); */
  /* background-color: rgb(0,0,128); */
  color: rgb(255,255,255);
  text-align: center;
  height: 60px;
  font-size: 48px;
  font-weight: bold;
}
@keyframes titleAnime{ /* タイトルアニメーション */
  0% {background-color: rgb(255,255,255)} 
  10% {background-color: rgb(255,255,224)} 
  30% {background-color: rgb(255,215,0)} 
  50% {background-color: rgb(255,165,0)} 
  65% {background-color: rgb(255,69,0)} 
  75% {background-color: rgb(178,34,34)} 
  85% {background-color: rgb(128,128,128)} 
  100% {background-color: steelblue}  
}
.copyRight { /* 著作権表示 */
  font-size: 16px;
  font-weight: bold;
  text-align: right; 
}

/* 記事　1段目 */
.row1 { 
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.news { /* 最近の開発案件 */
  width: 200px;
}

.design-tool { /* 設計ツール */
  width: 300px;
}
.design-tool ul {
  font-size: 20px;
}

.cat { /* 猫 */
  width: 400px;
  text-align: center;
}
.catchphrase { /* キャッチフレーズ */
  margin-top: 2px;
  margin-bottom: 2px;
  
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: orange;
}
.catAnime { /* 猫アニメーション */
  width: 300px;
  height: 200px;
  background-image: url("catFrames.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* 記事　2段目 */
.row2 { 
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.others{ /* その他 */
  width: 300px;
}
.skiing { /* スキー考 */
  width: 480px;
}



.small {
  font-size: 20px;
}

.xsmall {
  font-size: 14px;
  margin-top: 2px;
  margin-bottom: 2px;
}

body {
  /* background-image: url(bg-img.jpg); */
  background-color: white;
  background: url(img/snow-field-s.jpg)
}

a {
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
  color: red;
}

hr {
  color: black;  
}

h2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

li img {
  margin-top: 10px;
}

.indent1 {
  margin-left: 20px;
}
.indent2 {
  margin-left: 40px;
}
.indent3 {
  margin-left: 60px;
}

.short-comment{
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 16px;
  
}