code {
    font-size: 1rem;
}

p {
    margin: .4rem auto;
    padding-bottom: 1rem;
    line-height: 1.5;
}
.main {
    margin-left:1.5em;
    margin-left: 1.5rem;
    padding-left: 0;
    padding-right: 0;
}

.code-section {
    margin-right: 3rem;
    margin-left: 3rem;
    padding-right: 0;
} 

.code-snippet {
    max-height: 100px;
    /* show only preview */
    overflow: hidden;
    cursor: pointer;
    border-radius: 8px;
    background: #2d2d2d;
    transition: max-height 0.3s ease;

  }

  .code-snippet.expanded {
    max-height: 600px;
    /* enough for full code */
  }

@media (max-width:768px) {
    .main {
    margin-left: .3rem;
    margin-right: .3rem;
    }

    .code-section{
    margin-left: .3rem;
    margin-right: .3rem;
    }
}