.contact-status {
  color: #eee;
  font: 14px/1.5 'Open Sans', sans-serif;
  text-align: left;
}

.contact-status { margin-top: 12px; }

/* Allow the existing contact panel to scroll on short viewports. */
.screen._3 { overflow-y: auto; }

@media (max-width: 767px) {
  .screen._3 { padding-bottom: 110px; }
  .screen._2 { overflow-y: auto; justify-content: flex-start; }
  .about-flexbox { height: auto; min-height: 100%; flex-shrink: 0; }
  .skills-flexbox .div-block-3 { width: calc(50% - 10px); }
  .skills-flexbox .heading { overflow-wrap: anywhere; }
}

@media (max-height: 650px) {
  .screen._3 { justify-content: flex-start; padding-top: 60px; padding-bottom: 40px; }
  .contact-section-close { top: 12px; right: 20px; bottom: auto; }
}
.window {
  position: fixed;
  inset: 0;
  overflow: clip;
}

/* Focus changes in exported tabs must not scroll the full-screen canvas. */
.screen { top: 0; left: 0; }