@charset "UTF-8";
  body {
    letter-spacing: 0.1em; }
  main,
  footer {
    margin: 1rem 4rem 1rem 8rem; }
  .main-navigation {
    height: 100vh;
    overflow: hidden;
    top: 0;
    width: 5.2rem; }
  .main-navigation:hover {
      width: 17.2rem; }
  .main-navigation:hover .link-text {
        display: inline; }
  .main-navigation:hover .menu__logo-text {
        left: 0px; }
  .main-navigation:hover .menu__logo img {
        margin-left: 12rem; }
  .menu {
    flex-direction: column; }
  .menu:hover .menu__logo img {
      transform: rotate(-360deg); }
  .menu__item {
      white-space: nowrap; }
  .menu__item:last-child {
        margin-top: auto; }
  .menu__logo {
      background: var(--bg-secondary);
      color: var(--text-secondary);
      display: block;
      font-weight: bold;
      font-size: 1.25rem;
      letter-spacing: 0.3ch;
      margin-bottom: 1rem;
      text-align: center;
      text-transform: uppercase;
      width: 100%; }
  .menu__logo-text {
        display: inline;
        left: -999px;
        margin-left: 1rem;
        position: absolute;
        transition: var(--transition-speed); }
  .menu__logo img {
        border-radius: 50%;
        height: 5rem;
        transform: rotate(0deg);
        transition: var(--transition-speed); }
  .menu__link {
      justify-content: initial; }
  .link__icon {
    min-width: 2rem;
    width: 2rem; }