html, body {
  overflow-y: hidden;
}

li {
     text-transform: uppercase;
 }

 .cursor {
     display: inline-block;
     width: 0.6em;
     background-color: var(--text-color);
     animation: blink 1s step-start infinite;
     margin-left: 2px;
 }

 @keyframes blink {
     50% {
         background-color: transparent;
     }
 }

 #editable-li {
     text-transform: uppercase;
     outline: none;
 }

 li.description {
    text-transform: none;
 }
 
 @media only screen and (max-width: 1000px) {
  h1 > a, h1 {
   font-size: larger !important;   
  }
  
  li {
      font-size: medium;
  }
}