PFQ About - Birthday

[styleclass=background][styleclass=topbar]keep this one line k thx[/styleclass][styleclass=icon][/styleclass]

[styleclass=maindiv]MAIN CONTENT[/styleclass]

[styleclass=tabs]
[accordion]
[a-section=Tab 1]Tab 1 Content[/a-section]
[a-section=Tab 2]Tab 2 Content[/a-section]
[a-section=Tab 3]Tab 3 Content[/a-section]
[a-section=Tab 4]Tab 4 Content[/a-section]
[a-section=Tab 5]Tab 5 Content[/a-section]
[a-section=Tab 6]Tab 6 Content[/a-section]
[a-section=Tab 7]Tab 7 Content[/a-section]
[/accordion]
[styleclass=cred][url=https://pokefarm.com/forum/post/2312654]code[/url] * Official TCG art used[/styleclass]
[/styleclass]



[/styleclass]
[style]
a:hover {
color: #732E45;
	-webkit-transition: all .1s linear 0s;
}
a {
	color: white;
	-webkit-transition: all .1s linear 0s;
}
.cred{
font-family: calibri light;
font-size: 10px;
top: 298px;
left: 10px;
color: #E089A9;
position: absolute;
}
.background{
background: #0A0306;
width: 310px;
height: 309px;
}
.topbar{
background: #732E45;
color: white;
overflow: hidden;
font-size:12px;
text-align: center;
font-family:Calibri Light;
padding: 3px;
}
.icon{
position: absolute;
background-size: 90px 90px;
height: 90px;
width: 90px;
border-radius: 0px;

top: 29px;
left: 210px;
background-image: url("https://i.imgur.com/ot5kP7i.png");
}
.tabs {
.panel h3 > a > svg {
	display:none;
}
.panel {
border: none;
&>h3 {
background: #732E45;
font-size:12px;
letter-spacing: 0.5px;
font-family: calibri light;
font-weight:  100;
border: none;
border-radius:0px;
position:absolute;
top: 128px;
left: 210px;
width: 82px;
text-align: center;
overflow: hidden;
-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-ms-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;

}
    &>h3:nth-child(3) {  margin-top: 25px; }
    &>h3:nth-child(5) { margin-top: 50px;}
 &>h3:nth-child(7) { margin-top: 75px;}
 &>h3:nth-child(9) { margin-top: 100px;}
&>h3:nth-child(11) { margin-top: 125px;}
&>h3:nth-child(13) { margin-top: 150px;}


  &>h3 a { color: white; }
&>h3:hover{ background: #503362;
	-webkit-transition: all .1s linear 0s;
	-moz-transition: all .1s linear 0s;
	-ms-transition: all .1s linear 0s;
	-o-transition: all .1s linear 0s;
	transition: all .1s linear 0s;

}
&>div {
background: #211016;
color: #E089A9;
animation: fade 0.4s;
position:absolute;
padding: 3px;
text-align: center;
left: 10px;
top: 29px;
width: 184px;
height: 264px;
 border: none;
font-family: calibri light;
font-size: 14px;
overflow: hidden;
}}}
.maindiv{
background: #211016;
color: #E089A9;
position:absolute;
padding: 3px;
text-align: center;
left: 10px;
top: 29px;
width: 184px;
 height: 264px;
 border: none;
font-size: 14px;
font-family: calibri light;
overflow: hidden;
}
.tooltip_content {
  font-size: 14px;
  text-align:center;
   font-family: calibri light;
background-color: #732E45;
  color: white;
 border: none;
border-radius: 0px;
}
span.bbcode_tooltip {
    border-bottom: 1px dotted #E089A9;
}
.expbar {
border-radius: 0px;
left: 0px;
background: #732E45;
border-style: double;
    border: none;
text-align: top;
font-family: calibri light;
color: white;

overflow: hidden;
font-weight: lighter;
}
.expbar div {
background: #ae7186;
    border: none;
}

table {
margin: 0px auto;
border: 0px;
}
td {
border: 0.5px solid #732E45;
background: none;
color: #E089A9;
text-align: center;
}
th {
border: 0px;
background-color: #732E45;
color: white;
text-align: center;
font-weight: lighter;
padding: 2px;
}
::-moz-selection {
    color: white;
    background: pink;
}

::selection {
    color: white;
    background: pink;
}
[/style]