@media screen and (min-width: 1024px) {
  body {
    margin: 48px 0;
    background-color: var(--body-color);
  }

  .scrolltop {
    display: none;
  }

  .resume {
    width: 900px;
    box-shadow: 0 0 8px rgba(13, 12, 12, 0.15);
    padding: 0 20px;
  }

  .resume_left {
    background-color: var(--container-color-alt);
  }
}

@media print {
  body {
    background-color: var(-container-color-alt);
  }

  .scrolltop {
    display: none;
  }

  .resume {
    width: 900px;
    padding: 0 20px;
  }

  .resume_left {
    background-color: var(--container-color-alt);
  }

  #theme-switch {
    display: none;
  }

  .empty-blank {
    display: block;
    height: 35px;
  }

  .empty-margin {
    display: block;
    height: 10px;
  }
}

@media screen and (max-width: 640px) {
  .profile {
    display: block;
    position: relative;
  }
  .profile-content {
    display: inline-block;
  }
  .avatar {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 0;
    top: 14px;
  }
}