@charset "UTF-8";

body {
    background: "y7b.gif";
}

h1{
  font-size: 20px, color: "#000099";
}

hr.style1{
	border-top: 1px solid #8c8b8b;
}
hr.style2 {
	border-top: 3px double #8c8b8b;
}
hr.style3 {
	border-top: 1px dashed #8c8b8b;
}
hr.style4 {
	border-top: 1px dotted #8c8b8b;
}
hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}
hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

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

.container {
    display: flex;
}

.item {
    margin: 5px;
    border: solid 1px #00ff7f;
    background-color: #87c3fa;
}

.transform-sample {
  position: relative; 
  width: 600px;
  height: 50px;
}
.center {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background:#fff;
}

.flex {
  display: flex;
  justify-content: center;
  background: yellow;
}
.box {
  background: #99f;
  padding: 40px 0;
  width: 150px;
  text-align: center;
  border: 1px solid #333;
}