pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:host{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:14px;color:#333;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:8px 0}p{margin:0}.spacer{flex:1}.toolbar{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;background-color:#1976d2;color:#fff;font-weight:600}.toolbar img{margin:0 0 0 16px}.toolbar #twitter-logo{height:40px;margin:0 8px}.toolbar #github-logo{height:24px;margin:0 8px}.toolbar #youtube-logo{height:40px;margin:0 16px}.toolbar #twitter-logo:hover,.toolbar #youtube-logo:hover,.toolbar #github-logo:hover{opacity:.8}.sidenav{height:100%;width:240px;position:absolute;margin-bottom:100px;background-color:#fff}.sidenav .menu-button{padding:16px 8px 16px 16px;font-size:20px;display:block}.sidenav .menu-button:hover{cursor:pointer;opacity:.7}.active-bold,.active-bold:hover{font-weight:700;opacity:1!important}.active,.active:hover{color:#1b6dff;opacity:1!important;background-color:#f0f6ff}.sub-menu-button{padding:0 8px 16px 30px;cursor:pointer}.sub-menu-button:hover{opacity:.7}.content{margin:120px 0 0 280px}.content{font-size:16px}.container{width:80%;height:50vh;position:relative;margin:0 auto;border-top:1px solid #ccc;-o-perspective:8000px;perspective:8000px}.card{width:100%;height:100%;position:absolute;transition:transform 1s;transform-style:preserve-3d;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.card div{display:block;height:100%;width:100%;color:#000;font-weight:700;font-size:20px;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card .front{background:rgb(240,228,228)}.card .back{background:rgb(255,255,255);transform:rotateY(180deg)}.card.flipped{transform:rotateY(180deg)}a{display:block}button{margin-bottom:50px}.project-button{padding:20px;background-color:#1976d2;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-left:40px}.back img{width:50%}@media only screen and (max-width: 1200px){.back img{width:100%}}