.sidebar{height:100%;width:0;position:fixed;top:12.5%;left:0;background-color:#f3f5f7;opacity:.85;overflow-x:hidden;transition:.3s;padding-top:60px;z-index:5;border-radius:0 10px 0 0}.sidebar div,.sidebar li{padding:8px 8px 8px 30px;font-size:18px;display:block;transition:.5s;cursor:pointer}.sidebar .closebtn{position:absolute;top:0;right:25px;font-size:36px}.openbtn{font-size:18px;cursor:pointer;background-color:#5853e5;color:#fff;border:none;padding:10px 20px;margin-bottom:20px;border-radius:25px;transition:background-color .3s}.openbtn:hover{background-color:#7e7aeb}.sidebar ul{list-style-type:none;padding:10px}#main{transition:margin-left .5s}.code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}