.wrap {
		height                : 100vh;
		display               : grid;
		grid-template-columns : 1fr 4fr;
		grid-template-rows    : 1fr;
		gap                   : 0 20px;
		grid-auto-flow        : row;
		grid-template-areas   : "navigation content";
		justify-items         : center;
		align-items           : start;
		justify-content       : start;

		}

.content {
		grid-area  : content;
		height     : 100%;
		overflow-y : auto;
		width      : 100% !important;

		}

.navigation {
		grid-area    : navigation;
		height       : 100%;
		width        : 100%;
		overflow     : auto;
		border-right : 1px solid rgba(0, 0, 0, 0.46);
		}

.content * {
		max-width : min(100vw, 100%);
		}

.code-block code {
		max-height : 500px;
		overflow   : auto;
		}

.method {
		margin-top    : 50px;
		min-height    : 100vh;
		border-bottom : 1px solid black;
		}

.hr {
		margin-top    : 50px;
		border-bottom : 1px solid black;
		}

.example {
		margin-left : 50px;
		}

.hljs {
		border-radius : 10px;
		}

.hljs-punctuation {
		color : unset
		}

i.folder:before {
		content    : "📁";
		font-style : normal !important;
		}

i.post:before {
		content    : "🧾";
		font-style : normal !important;
		}

i.get:before {
		content    : "🧾";
		font-style : normal !important;
		}

i.folder2:before {
		content    : "📂";
		font-style : normal !important;
		}

::-webkit-scrollbar {
		width  : 8px;
		height : 8px;
		}

::-webkit-scrollbar-thumb {
		background    : #A8A6A8;
		border-radius : 0px;
		}

::-webkit-scrollbar-thumb:hover {
		background : #878587;
		}

::-webkit-scrollbar-track {
		background    : #FFFFFF;
		border-radius : 0px;
		box-shadow    : inset 0px 0px 3px 0px #F0F0F0;
		}

.version {
		position   : fixed;
		right      : 10px;
		background : rgba(0, 0, 0, 0.17);
		opacity    : 0.3;
		}

.version:hover {
		opacity : 1;
		}

.version span {
		font-weight : bold;
		font-size   : 2em;
		padding     : 5px;
		display     : block;
		text-align  : center;
		}

.version i {
		font-weight : bold;
		font-size   : 0.8em;
		padding     : 5px;
		}