h1{
	text-align: center;
	font-size: 250%;
	font-family: serif;
	line-height: 100%;
	margin: 40px;
}

.conversion{
    display: flex;
}

.G2H {
    width: 42%;
    margin-left: 15%;
}

.G2H .h-G2HH {
    color: #5091cd;
}

.H2G {
    width: 40%;
}
.H2G .h-HH2G {
    color: #5091cd;
}

.Ginputs{
    display: flex;
    width: 60%;
}

.HHinputs{
    display: flex;
    width: 70%;
}

.HHresult{
    margin-bottom: 5%;
}

.par1 {
    width: 70%;
    margin-bottom: 10%;
}

.Gresult {
    margin-bottom: 5%;
}

.par2 {
    width: 70%;
    margin-bottom: 10%;
}

.result11 {
    display: flex;
}

#outTime {
    color: #e73737;
    margin-left: 8px;
}

.result12 {
    display: flex;
}

#outDate {
    color: #e73737;
    margin-left: 8px;
}

.result21 {
    display: flex;
}

#GoutTime {
    color: #e73737;
    margin-left: 8px;
}

.result22 {
    display: flex;
}

#GoutDate {
    color: #e73737;
    margin-left: 8px;
}

.vl {
    border-left: 2px solid black;
    height: 500px;
    position: absolute;
    left: 49.8%;
    margin-left: -3px;
    top: 1;
  }
  .v2 {
    border-left: 2px solid black;
    height: 500px;
    position: absolute;
    left: 50.2%;
    margin-left: -3px;
    top: 1;
  }