*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:system-ui,sans-serif;color:#000;background-color:#fff;font-size:1.4rem}ul{list-style:none}a{color:#000;text-decoration:none}a:hover{text-decoration:none}:root{--background-primary: #e6efff;--dark-grey: #2d2d2d;--link-hover: #00d4c5;--btn-bg: #082f57}main{display:block}aside,.middle-panel{min-height:10rem;padding:1rem;border:1px solid #fff;border-radius:4px;margin:1rem;font-size:1.4rem}h3{margin-bottom:1rem}h2{font-size:3.8rem;font-weight:500;color:#000;font-family:Avenir,sans-serif;text-align:center;padding:2rem 0}pre{background:#f4f4f4;border:1px solid #ddd;color:#000;text-shadow:0 1px white;border-radius:4px;margin:1rem 0;padding:1.5rem;line-height:2rem}pre .comment{color:#b0b0b0}pre .var{color:#7f1111}pre .keyword{color:#0c45b7}pre .func{color:#4772c6}.sm-btn{padding:.4rem .8rem;margin:0 auto;border:none;background-color:#00d4c5;color:#fff;border-radius:4px;cursor:pointer;width:50%}.sm-btn:hover{background-color:#014489}.med-btn{padding:10px 20px;background:#014489;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.med-btn:hover{background:#00d4c5}@media (min-width: 1024px){main{grid-template-columns:1fr}aside,.middle-panel{border-radius:0;margin:20px 0 0;min-height:55vh}.left-panel{border-right:1px solid #f3f3f3}.right-panel{border-left:1px solid #f3f3f3}}