#container {
  width: 95vw;
  height: 40vh;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 250px; }

#content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 50px; }

#mac-container > input {
  font-size: 34px;
  width: 80px; }

#mac-container > span {
  font-size: 34px; }

#mac-info-container {
  margin: 50px 0 0;
  font-size: 18px; }

.mac-info-header:after {
  content: ": "; }

.mac-info-row {
  display: grid;
  grid-template-columns: 140px auto; }

.mac-info-header {
  font-weight: bold; }

#mac-clipboard {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
  text-align: right; }

.mac-clipboard-row {
  display: flex;
  justify-content: flex-end;
  cursor: pointer; }

.mac-clipboard-row svg {
  width: 12px;
  margin: 0 0 0 5px;
  position: relative;
  fill: rgba(0, 0, 0, 0.65); }

#mac-clipboard-dashed-lower {
  margin-bottom: 10px; }

@media (max-width: 1200px) {
  #mac-container > input {
    font-size: 28px;
    width: 60px; }
  #mac-info-container {
    font-size: 16px; }
  .mac-info-row {
    grid-template-columns: 120px auto; } }

@media (max-width: 1000px) {
  #mac-clipboard {
    font-size: 14px; }
  .mac-clipboard-row svg {
    width: 10px; } }

@media (max-width: 900px) {
  #container {
    min-height: 350px; }
  #mac-container {
    padding-top: 70px; } }

@media (max-width: 600px) {
  #mac-container > input {
    font-size: 24px;
    width: 40px; }
  #mac-container > span {
    font-size: 26px; }
  #mac-info-container {
    font-size: 13px; }
  .mac-info-row {
    grid-template-columns: 90px auto; } }