/* 汎用的に使用するCSS */

.text-center{
  text-align: center;
}

.title-size{
  font-size: 64px;
}

.title-color{
  color: #e8ecef;
}

.bar-color {
  background-color: #185790;
}

.bg-transparent{
  background-color: transparent;
}

.round-9999{
  border-radius: 9999px;
}

.position-fixed{
  position: fixed;
}

.item-flex{
  display: flex;
}

.item-flex-col{
  flex-direction: column;
}

.item-justify-between{
  display: flex;
  justify-content: space-between;
}

.item-items-center{
  display: flex;
  align-items: center;
}

.item-justify-center{
  display: flex;
  justify-content: center;
}

.item-justify-end{
  display: flex;
  justify-content: end;
}

.item-width-25pt{
  width: 25%;
}

.item-width-50pt{
  width: 50%;
}

.item-width-90pt{
  width: 90%;
}

.item-width-100pt{
  width: 100%;
}

.margin-icon-r{
  margin-right: 6px;
}

.margin-top-3px{
  margin-top: 3px;
}

.margin-3px{
  margin: 3px;
}

.padding-1px{
  padding: 1px;
}

.padding-3px{
  padding: 3px;
}

p{
  font-size: large;
}

.text-bold{
  font-weight: bold;
}

.text-red{
  color: #ff2d1e;
}

.code-line{
  margin: 2px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #c0c0c0;
  border-radius: 8px;
  width: fit-content;
}

.manual-line{
  margin: 2px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: #c0c0c0;
  border-radius: 3px;
  width: fit-content;
  font-size: 16px;
}