AbsyintheCode1

[div=
background: #580826 url('https://img.nickpic.host/uKwd8Y.png') repeat center;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/uKwd8Y.png) 30 round;
padding: 10px;
margin: 5px;
width: 100%;
height: auto;]
[div=
width: 100%;
margin: auto;
overflow: hidden;][div=
margin-top: -30px;
margin-left: 50px;
color: black;][TABS=900]
{slide=1}[div=
/* NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Basics[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=2}Mammals{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=3}Birds{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=4}Fish{/tab}[/div][/div][div=
/* BODY 1 */
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px;][div=
flex: 1;
min-width: 350px;
height: 500px;
/* PICTURE 1 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 350px;
height: 500px;
/* TEXT BG 1 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem[/div][/div]{/slide}
{slide=2}[div=
/* TAB 2 NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=1}Basics{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Personality[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=3}Biography{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=4}Misc{/tab}[/div][/div][div=
/* BODY 2 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 360px;
height: 500px;
/* PICTURE 2 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 360px;
height: 500px;
/* TEXT BG 2 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem 2[/div][/div]{/slide}
{slide=3}[div=
/* TAB 3 NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=1}Basics{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=2}Personality{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Biography[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=4}Misc{/tab}[/div][/div][div=
/* BODY 3 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 360px;
height: 500px;
/* PICTURE 3 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 3 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem 3[/div][/div]{/slide}
{slide=4}[div=
/* TAB 4 NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=1}Basics{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=2}Personality{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=3}Biography{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Misc[/div][/div][div=
/* BODY 4 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 230px;
height: 400px;
/* PICTURE 4 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 4 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem 4[/div][/div]{/slide}
{slide=5}[div=
/* TAB 5 NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=1}Basics{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=2}Personality{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=3}Biography{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Misc[/div][/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Extra Tab[/div][/div][div=
/* BODY 4 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 230px;
height: 400px;
/* PICTURE 4 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 4 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem 5[/div][/div]{/slide}
[/TABS][/div][/div][/div]