/* タイプセレクタ。pタグ全てに適用される */
p {
  color : brown;
}

/* idセレクタ。指定idを持つタグに適用される */
#textBox {
  font-size : 100px;
}

/* classセレクタ。class名が一致するタグに適用 */
.fit-box {
      font-size : 50px;
      display: inline-block;
      padding: 0.5em 1em;
      background-color: #f0f0f0;
}

h1 {
  position: relative;
  padding: 0.2em 0.5em;
  background: -webkit-linear-gradient(to right, rgb(6, 238, 57), #affa98);
  background: linear-gradient(to right,  rgb(6, 238, 57), #affa98);
  color: rgb(12, 12, 12);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
}

h2 {
  font-size : 50px;
  position: relative;
  padding: 0.35em 0.5em;
  background: #b6e9ff;
  color: #393939;
}
h2:before {
  content: " ";
  position: absolute;
  top: -16px;
  left: 0;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  height: 0;
  border: solid 8px transparent;
  border-bottom-color: #b2ddf0;
}