.content { transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); }

text, tspan { font-family: "Open Sans", sans-serif; }

*[font-family*="OpenSans"] { font-family: "Open Sans", sans-serif; font-weight: 400; }

*[font-family*="OpenSans-Italic"] { font-family: "Open Sans", sans-serif; font-style: italic; font-weight: 400; }

*[font-family*="OpenSans-Bold"] { font-family: "Open Sans", sans-serif; font-weight: 700; }

svg:not(:root) { display: block; }

body { font-family: "Open Sans"; }

.wrapper > .content { width: 1024px; height: 768px; background: white; }

#canvas-wrap { position: absolute; top: 0; left: 30px; width: 756px; height: 738px; }

#canvas-wrap #canvas { background: #99e1ff; }

.aside { position: absolute; top: 0; left: 816px; background: #323232; bottom: 0; right: 0; }

#thermometer-wrap { position: absolute; top: 40px; left: 51px; }

#thermometer [id*=button] { cursor: pointer; }

#thermometer [id*=button] :nth-child(1) { -webkit-transition: fill 0.3s; transition: fill 0.3s; }

#thermometer [id*=button]:hover :nth-child(1) { fill: #007EB2; }

.hr { position: absolute; height: 1px; width: 152px; border-top: 1px solid #5a5a5a; top: 533px; left: 27px; }

#numbers-wrap { position: absolute; top: 563px; left: 44px; width: 120px; }

#numbers-wrap .number-wrap { width: 100%; height: 44px; background: #5a5a5a; border-radius: 16px; margin-bottom: 16px; font-size: 18px; color: white; line-height: 1em; padding: 13px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

#numbers-wrap .number-wrap .number { display: inline-block; width: 50%; text-align: right; }

#numbers-wrap .number-wrap .unit { display: inline-block; font-weight: 700; width: 50%; text-align: right; }

#text-wrap { position: absolute; top: 153px; left: 64px; font-size: 21px; width: 420px; line-height: 1.2em; }

#text-wrap p { opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; position: absolute; top: 0; left: 0; }

#text-wrap.solid p.solid, #text-wrap.gas p.gas, #text-wrap.liquid p.liquid { opacity: 1; }