/* main css sheet */
@font-face{ font-family: 'kbfyre'; src: url('/css/fonts/kbfyre.ttf?v=1'); font-display: swap; }

/* variables */
:root{
	--chevronDown: "\e907";
	--chevronUp: "\e92f";
	--clock: "\e903";
	--discord: "\e906";
	--downUp: "\e908";
	--edit: "\e909";
	--erase: "\e90b";
	--facebook: "\e90c";
	--heart: "\e90e";
	--heartOpen: "\e90f";
	--heartPulse: "\e910";
	--how: "\e911";
	--infinity: "\e912";
	--instagram: "\e913";
	--kbfyre: "\e914";
	--keyboard: "\e915";
	--left: "\e916";
	--leftRight: "\e917";
	--lives: "\e918";
	--moon: "\e919";
	--next: "\e936";
	--nuke: "\e93b";
	--openFolder: "\e93a";
	--options: "\e91a";
	--parts: "\e91b";
	--patreon: "\e91c";
	--performance: "\e937";
	--play: "\e91f";
	--restart: "\e921";
	--restartToCheckpoint: "\e939";
	--right: "\e922";
	--rightLeft: "\e923";
	--search: "\e924";
	--shuffle:  "\e925";
	--skull: "\e926";
	--sound: "\e928";
	--spark: "\e929";
	--sparkHead: "\e938";
	--stopwatch: "\e92a";
	--sun: "\e92b";
	--tiktok: "\e92d";
	--trash: "\e92e";
	--upDown: "\e930";
	--user: "\e931";
	--waffles: "\e932";
	--xtwitter: "\e933"; 
	--youtube: "\e935";
}

/* quick icon applies */
.icon{
	display: inline-block;
	vertical-align: middle;
}
.icon::before{ font-family: 'kbfyre'; }

.icon.clock::before{ content: var(--clock); }
.icon.discord::before{ content: var(--discord); }
.icon.downUp::before{ content: var(--downUp); }
.icon.edit::before{ content: var(--edit); }
.icon.erase::before{ content: var(--erase); }
.icon.facebook::before{ content: var(--facebook); }
.icon.heart::before{ content: var(--heart); }
.icon.heartOpen::before{ content: var(--heartOpen); }
.icon.heartPulse::before{ content: var(--heartPulse); }
.icon.how::before{ content: var(--how); }
.icon.infinity::before{ content: var(--infinity); }
.icon.instagram::before{ content: var(--instagram); }
.icon.kbfyre::before{ content: var(--kbfyre); }
.icon.keyboard::before{ content: var(--keyboard); }
.icon.left::before{ content: var(--left); }
.icon.leftRight::before{ content: var(--leftRight); }
.icon.lives::before{ content: var(--lives); }
.icon.moon::before{ content: var(--moon); }
.icon.next::before{ content: var(--next); }
.icon.nuke::before{ content: var(--nuke); }
.icon.openFolder::before{ content: var(--openFolder); }
.icon.options::before{ content: var(--options); }
.icon.parts::before{ content: var(--parts); }
.icon.patreon::before{ content: var(--patreon); }
.icon.performance::before{ content: var(--performance); }
.icon.play::before{ content: var(--play); }
.icon.restart::before{ content: var(--restart); }
.icon.restartToCheckpoint::before{ content: var(--restartToCheckpoint); }
.icon.right::before{ content: var(--right); }
.icon.rightLeft::before{ content: var(--rightLeft); }
.icon.search::before{ content: var(--search); }
.icon.shuffle::before{ content: var(--shuffle); }
.icon.skull::before{ content: var(--skull); }
.icon.sound::before{ content: var(--sound); }
.icon.spark::before{ content: var(--spark); }
.icon.sparkHead::before{ content: var(--sparkHead); }
.icon.stopwatch::before{ content: var(--stopwatch); }
.icon.sun::before{ content: var(--sun); }
.icon.tiktok::before{ content: var(--tiktok); }
.icon.trash::before{ content: var(--trash); }
.icon.upDown::before{ content: var(--upDown); }
.icon.user::before{ content: var(--user); }
.icon.waffles::before{ content: var(--waffles); }
.icon.xtwitter::before{ content: var(--xtwitter); }
.icon.youtube::before{
	content: var(--youtube);
	display: block;
	font-size: 38px;
	height: 32px;
	margin: -10px 0 -2px -5px;
	width: 32px;
}

/* resets */
*{
	box-sizing: border-box;
	transition: all 250ms ease-out;
}
html, body { overscroll-behavior-x: none; }
ul, ol{ list-style: none; margin: 0 0 20px; padding: 0; }
li{ margin: 0 0 10px; }

/* general helper styles used in multiple places */
.youtube-wrap{
	display: block;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}
.youtube-wrap::before{
	content: var(--youtube);
	color: red;
	font-family: 'kbfyre';
	font-size: 70px;
	left: 50%;
	opacity: 0.9;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
}
.youtube-wrap:hover::before{ opacity: 1; }
.youtube-wrap > iframe, .youtube-wrap > img{
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}


/* quick styles */
.pw{
	max-width: 100%;
	margin: 0 auto;
	padding: 0 50px;
	width: 1440px;
}

.aic{ align-items: center; } .ais{ align-items: start; } .aie{ align-items: end; }
.blur5{ backdrop-filter: blur(5px); } .blur10{ backdrop-filter: blur(10px); } .blur20{ backdrop-filter: blur(20px); }

.br100{ border-radius: 100px; }

.db{ display: block; } .df{ display: flex; } .dn{ display: none; } .dib{ display: inline-block; }
.fdc{ flex-direction: column; } .fdr{ flex-direction: row; }
.fs50{ font-size: 60px; } .fs60{ font-size: 60px; } .fs70{ font-size: 70px; } .fs80{ font-size: 80px; } .fs90{ font-size: 90px; } .fs100{ font-size: 100px; }
.fwb{ font-weight: bold; }
.fww{ flex-wrap: wrap; }
.g0{ gap: 0px; } .g10{ gap: 10px; } .g20{ gap: 20px; } .g30{ gap: 30px; } .g40{ gap: 40px; } .g50{ gap: 50px; } .g60{ gap: 60px; }

.grid1, .grid1-2, .grid2, .grid3, .grid4, .grid5, .grid6{ display: grid !important; }
.grid1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid1-2{ grid-template-columns: 1fr 2fr; }
.grid2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }

.h100p{ height: 100%; }
.jcc{ justify-content: center; } .jcs{ justify-content: start; } .jce{ justify-content: end; } .jcsb{ justify-content: space-between; }
.jcsa{ justify-content: space-around; }

.m0{ margin: 0; } .m5{ margin: 5px; } .m10{ margin: 10px; } .m20{ margin: 20px; } .m30{ margin: 30px; } .m40{ margin: 40px; } .m50{ margin: 50px; }

.m0a{ margin: 0 auto; } .m10a{ margin: 10px auto; } .m20a{ margin: 20px auto; } .m30a{ margin: 30px auto; } .m40a{ margin: 40px auto; } .m50a{ margin: 50px auto; }
.mbt0{ margin-bottom: 0px; margin-top: 0px; } .mbt10{ margin-bottom: 10px; margin-top: 10px; } .mbt20{ margin-bottom: 20px; margin-top: 20px; }
.mbt30{ margin-bottom: 30px; margin-top: 30px; } .mbt40{ margin-bottom: 40px; margin-top: 40px; } .mbt50{ margin-bottom: 50px; margin-top: 50px; }

.mta{ margin-top: auto; } .mt0{ margin-top: 0; } .mt5{ margin-top: 5px; } .mt10{ margin-top: 10px; } .mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; } .mt40{ margin-top: 40px; } .mt50{ margin-top: 50px; } .mt100{ margin-top: 100px; }
.mra{ margin-right: auto; } .mr0{ margin-right: 0; } .mr5{ margin-right: 5px; } .mr10{ margin-right: 10px; } .mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; } .mr40{ margin-right: 40px; } .mr50{ margin-right: 50px; }
.mba{ margin-bottom: auto; } .mb0{ margin-bottom: 0; } .mb5{ margin-bottom: 5px; } .mb10{ margin-bottom: 10px; } .mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; } .mb40{ margin-bottom: 40px; } .mb50{ margin-bottom: 50px; } .mb100{ margin-bottom: 100px; }
.mla{ margin-left: auto; } .ml0{ margin-left: 0; } .ml5{ margin-left: 5px; } .ml10{ margin-left: 10px; } .ml0{ margin-left: 20px; }
.ml30{ margin-left: 30px; } .ml40{ margin-left: 40px; } .ml0{ margin-left: 50px; }

.p0{ padding: 0; } .p5{ padding: 5px; } .p10{ padding: 10px; } .p20{ padding: 20px; } .p30{ padding: 30px; } .p40{ padding: 40px; } .p50{ padding: 50px; }

.pbt0{ padding-bottom: 0px; padding-top: 0px; } .pbt10{ padding-bottom: 10px; padding-top: 10px; } .pbt20{ padding-bottom: 20px; padding-top: 20px; }
.pbt30{ padding-bottom: 30px; padding-top: 30px; } .pbt40{ padding-bottom: 40px; padding-top: 40px; } .pbt50{ padding-bottom: 50px; padding-top: 50px; }

.pt0{ padding-top: 0; } .pt5{ padding-top: 5px; } .pt10{ padding-top: 10px; } .pt20{ padding-top: 20px; } .pt30{ padding-top: 30px; }
.pt40{ padding-top: 40px; } .pt50{ padding-top: 50px; }
.pr0{ padding-right: 0; } .pr5{ padding-right: 5px; } .pr10{ padding-right: 10px; } .pr20{ padding-right: 20px; } .pr30{ padding-right: 30px; }
.pr40{ padding-right: 40px; } .pr50{ padding-right: 50px; }
.pb0{ padding-bottop: 0; } .pb5{ padding-bottop: 5px; } .pb10{ padding-bottop: 10px; } .pb20{ padding-bottop: 20px; } .pb30{ padding-bottop: 30px; }
.pb40{ padding-bottop: 40px; } .pb50{ padding-bottop: 50px; }
.pl0{ padding-left: 0; } .pl5{ padding-left: 5px; } .pl10{ padding-left: 10px; } .pl20{ padding-left: 20px; } .pl30{ padding-left: 30px; }
.pl40{ padding-left: 40px; } .pl0{ padding-left: 50px; }

.oh{ overflow: hidden; }
.pa{ position: absolute; } .pr{ position: relative; }

.df-cntr{
	align-items: center;
	display: flex;
	justify-content: center;
}
.pf-cntr{
	left: 50%;
	position: fixed;
	top: 50%;
	transform: translate(-50%,-50%);
}

.sec1{ width: 8.3333%; } .sec2{ width: 16.6666%; } .sec3{ width: 25%; } .sec4{ width: 33.3333%; } .sec5{ width: 41.6666%; } .sec6{ width: 50%; } .sec7{ width: 58.3333%; } .sec8{ width: 66.6666% } .sec9{ width: 75%; } .sec10{ width: 83.3333%; } .sec11{ width: 91.6666%; } .sec12{ width: 100%; }

.h50{ height: 50px; }
.w50{ width: 50px; }

.tac{ text-align: center; } .tal{ text-align: left; } .tar{ text-align: right; }
.tdn{ text-decoration: none; }

/* slider */
.slider-wrap{
	position: relative;
	width: 100%;
}
.slides{
	display: flex;
	position: relative;
	width: 300%;
}
.slide{
	align-items: center;
	display: flex;
	justify-content: center;
	width: 100%;
}
.slider-wrap .prev, .slider-wrap .next{
	cursor: pointer;
	font-size: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.slider-wrap .prev{ left: 20px; }
.slider-wrap .next{ right: 20px; }
.slider-wrap .bullets{
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: center;
	width: 100%;
}
.slider-wrap .bullets li{
	background: var(--text-color);
	border-radius: 10px;
	cursor: pointer;
	height: 20px;
	width: 20px;
}

.slider-wrap .bullets li:hover, .slider-wrap .bullets li.cur{ background: var(--theme-color); }

#profileBody .experience{
	background: var(--sec-bg-color);
	padding: 10px;
}
#profileBody .expWrap{
	margin: 0 0 10px;
	position: relative;
}
#profileBody .expFront{
	position: relative;
	z-index: 200;
}
#profileBody .expBack{
	background-color: var(--theme-color);
	left: 0;
	position: absolute;
	top: 0;
	z-index: 100;
}

/* tablet */
@media(max-width: 1000px){
	/* quick styles */
	.tab-aic{ align-items: center; } .tab-ais{ align-items: start; } .tab-aie{ align-items: end; }
	.tab-db{ display: block; } .tab-df{ display: flex; } .tab-dn{ display: none; } .tab-dib{ display: inline-block; } .tab-g10{ gap: 10px; }
	.tab-fdc{ flex-direction: column; } .tab-fdr{ flex-direction: row; }
	.tab-fs50{ font-size: 60px; } .tab-fs60{ font-size: 60px; } .tab-fs70{ font-size: 70px; } .tab-fs80{ font-size: 80px; } .tab-fs90{ font-size: 90px; }
	.tab-fs100{ font-size: 100px; }
	.tab-g0{ gap: 0px; } .tab-g10{ gap: 10px; } .tab-g20{ gap: 20px; } .tab-g30{ gap: 30px; } .tab-g40{ gap: 40px; } .tab-g50{ gap: 50px; } .tab-g60{ gap: 60px; }
	
	.tab-grid1, .tab-grid2, .tab-grid3, .tab-grid4, .tab-grid5, .tab-grid6{ display: grid !important; }
	.tab-grid1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
	.tab-grid2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tab-grid3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.tab-grid4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.tab-grid5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.tab-grid6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
	
	.tab-h100p{ height: 100%; }
	.tab-jcc{ justify-content: center; } .tab-jcs{ justify-content: start; } .tab-jce{ justify-content: end; } .tab-jcsb{ justify-content: space-between; } .tab-jcsa{ justify-content: space-around; }
	
	.tab-m0{ margin: 0; } .tab-m5{ margin: 5px; } .tab-m10{ margin: 10px; } .tab-m20{ margin: 20px; } .tab-m30{ margin: 30px; }
	.tab-m40{ margin: 40px; } .tab-m50{ margin: 50px; } .tab-m0a{ margin: 0 auto; } .tab-m10a{ margin: 10px auto; } .tab-m20a{ margin: 20px auto; } .tab-m30a{ margin: 30px auto; } .tab-m40a{ margin: 40px auto; } .tab-m50a{ margin: 50px auto; }
	
	.tab-mt0{ margin-top: 0; } .tab-mt5{ margin-top: 5px; } .tab-mt10{ margin-top: 10px; } .tab-mt20{ margin-top: 20px; } .tab-mt30{ margin-top: 30px; }
	.tab-mt40{ margin-top: 40px; } .tab-mt50{ margin-top: 50px; }
	.tab-mr0{ margin-right: 0; } .tab-mr5{ margin-right: 5px; } .tab-mr10{ margin-right: 10px; } .tab-mr20{ margin-right: 20px; } .tab-mr30{ margin-right: 30px; }
	.tab-mr40{ margin-right: 40px; } .tab-mr50{ margin-right: 50px; }
	.tab-mb0{ margin-bottom: 0; } .tab-mb5{ margin-bottom: 5px; } .tab-mb10{ margin-bottom: 10px; } .tab-mb20{ margin-bottom: 20px; } .tab-mb30{ margin-bottom: 30px; }
	.tab-mb40{ margin-bottom: 40px; } .tab-mb50{ margin-bottom: 50px; }
	.tab-ml0{ margin-left: 0; } .tab-ml5{ margin-left: 5px; } .tab-ml10{ margin-left: 10px; } .tab-ml0{ margin-left: 20px; } .tab-ml30{ margin-left: 30px; }
	.tab-ml40{ margin-left: 40px; } .tab-ml0{ margin-left: 50px; }
	
	.tab-pbt0{ padding-bottom: 0px; padding-top: 0px; } .tab-pbt10{ padding-bottom: 10px; padding-top: 10px; } .tab-pbt20{ padding-bottom: 20px; padding-top: 20px; }
	.tab-pbt30{ padding-bottom: 30px; padding-top: 30px; } .tab-pbt40{ padding-bottom: 40px; padding-top: 40px; } .tab-pbt50{ padding-bottom: 50px; padding-top: 50px; }
	
	.tab-p0{ padding: 0; } .tab-p5{ padding: 5px; } .tab-p10{ padding: 10px; } .tab-p20{ padding: 20px; } .tab-p30{ padding: 30px; } .tab-p40{ padding: 40px; } .tab-p50{ padding: 50px; }
	.tab-pt0{ padding-top: 0; } .tab-pt5{ padding-top: 5px; } .tab-pt10{ padding-top: 10px; } .tab-pt20{ padding-top: 20px; } .tab-pt30{ padding-top: 30px; }
	.tab-pt40{ padding-top: 40px; } .tab-pt50{ padding-top: 50px; }
	.tab-pr0{ padding-right: 0; } .tab-pr5{ padding-right: 5px; } .tab-pr10{ padding-right: 10px; } .tab-pr20{ padding-right: 20px; } .tab-pr30{ padding-right: 30px; }
	.tab-pr40{ padding-right: 40px; } .tab-pr50{ padding-right: 50px; }
	.tab-pb0{ padding-bottop: 0; } .tab-pb5{ padding-bottop: 5px; } .tab-pb10{ padding-bottop: 10px; } .tab-pb20{ padding-bottop: 20px; } .tab-pb30{ padding-bottop: 30px; }
	.tab-pb40{ padding-bottop: 40px; } .tab-pb50{ padding-bottop: 50px; }
	.tab-pl0{ padding-left: 0; } .tab-pl5{ padding-left: 5px; } .tab-pl10{ padding-left: 10px; } .tab-pl0{ padding-left: 20px; } .tab-pl30{ padding-left: 30px; }
	.tab-pl40{ padding-left: 40px; } .tab-pl0{ padding-left: 50px; }
	
	.tab-pa{ position: absolute; } .tab-pr{ position: relative; }
	
	/* sections based on a 12 grid system */
	.tab-sec1{ width: 8.3333%; } .tab-sec2{ width: 16.6666%; } .tab-sec3{ width: 25%; } .tab-sec4{ width: 33.3333%; } .tab-sec5{ width: 41.6666%; } .tab-sec6{ width: 50%; } .tab-sec7{ width: 58.3333%; } .tab-sec8{ width: 66.6666% } .tab-sec9{ width: 75%; } .tab-sec10{ width: 83.3333%; } .tab-sec11{ width: 91.6666%; } .tab-sec12{ width: 100%; }
	
	.tab-tac{ text-align: center; } .tab-tal{ text-align: left; } .tab-tar{ text-align: right; }
}
/* mobile */
@media(max-width: 600px){
	/* quick styles */
	.mob-aic{ align-items: center; } .mob-ais{ align-items: start; } .mob-aie{ align-items: end; }
	.mob-db{ display: block; } .mob-df{ display: flex; } .mob-dn{ display: none; } .mob-dib{ display: inline-block; } .mob-g10{ gap: 10px; }
	.mob-fdc{ flex-direction: column; } .mob-fdr{ flex-direction: row; }
	.mob-fs50{ font-size: 60px; } .mob-fs60{ font-size: 60px; } .mob-fs70{ font-size: 70px; } .mob-fs80{ font-size: 80px; } .mob-fs90{ font-size: 90px; }
	.mob-fs100{ font-size: 100px; }
	.mob-g0{ gap: 0px; } .mob-g10{ gap: 10px; } .mob-g20{ gap: 20px; } .mob-g30{ gap: 30px; } .mob-g40{ gap: 40px; } .mob-g50{ gap: 50px; } .mob-g60{ gap: 60px; }
	
	.mob-grid1, .mob-grid2, .mob-grid3, .mob-grid4, .mob-grid5, .mob-grid6{ display: grid !important; }
	.mob-grid1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
	.mob-grid2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mob-grid3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mob-grid4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.mob-grid5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.mob-grid6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
	
	.mob-h100p{ height: 100%; }
	.mob-jcc{ justify-content: center; } .mob-jcs{ justify-content: start; } .mob-jce{ justify-content: end; } .mob-jcsb{ justify-content: space-between; } .mob-jcsa{ justify-content: space-around; }
	
	.mob-m0{ margin: 0; } .mob-m5{ margin: 5px; } .mob-m10{ margin: 10px; } .mob-m20{ margin: 20px; } .mob-m30{ margin: 30px; }
	.mob-m40{ margin: 40px; } .mob-m50{ margin: 50px; } .mob-m0a{ margin: 0 auto; } .mob-m10a{ margin: 10px auto; } .mob-m20a{ margin: 20px auto; } .mob-m30a{ margin: 30px auto; } .mob-m40a{ margin: 40px auto; } .mob-m50a{ margin: 50px auto; }
	
	.mob-mt0{ margin-top: 0; } .mob-mt5{ margin-top: 5px; } .mob-mt10{ margin-top: 10px; } .mob-mt20{ margin-top: 20px; } .mob-mt30{ margin-top: 30px; }
	.mob-mt40{ margin-top: 40px; } .mob-mt50{ margin-top: 50px; } .mob-mt60{ margin-top: 60px; } .mob-mt70{ margin-top: 70px; } .mob-mt80{ margin-top: 80px; }
	.mob-mr0{ margin-right: 0; } .mob-mr5{ margin-right: 5px; } .mob-mr10{ margin-right: 10px; } .mob-mr20{ margin-right: 20px; } .mob-mr30{ margin-right: 30px; }
	.mob-mr40{ margin-right: 40px; } .mob-mr50{ margin-right: 50px; }
	.mob-mb0{ margin-bottom: 0; } .mob-mb5{ margin-bottom: 5px; } .mob-mb10{ margin-bottom: 10px; } .mob-mb20{ margin-bottom: 20px; } .mob-mb30{ margin-bottom: 30px; }
	.mob-mb40{ margin-bottom: 40px; } .mob-mb50{ margin-bottom: 50px; } .mob-mb60{ margin-bottom: 60px; } .mob-mb70{ margin-bottom: 70px; } .mob-mb80{ margin-bottom: 80px; }
	.mob-ml0{ margin-left: 0; } .mob-ml5{ margin-left: 5px; } .mob-ml10{ margin-left: 10px; } .mob-ml0{ margin-left: 20px; } .mob-ml30{ margin-left: 30px; }
	.mob-ml40{ margin-left: 40px; } .mob-ml0{ margin-left: 50px; }
	
	.mob-pbt0{ padding-bottom: 0px; padding-top: 0px; } .mob-pbt10{ padding-bottom: 10px; padding-top: 10px; } .mob-pbt20{ padding-bottom: 20px; padding-top: 20px; }
	.mob-pbt30{ padding-bottom: 30px; padding-top: 30px; } .mob-pbt40{ padding-bottom: 40px; padding-top: 40px; } .mob-pbt50{ padding-bottom: 50px; padding-top: 50px; }
	
	.mob-p0{ padding: 0; } .mob-p5{ padding: 5px; } .mob-p10{ padding: 10px; } .mob-p20{ padding: 20px; } .mob-p30{ padding: 30px; } .mob-p40{ padding: 40px; } .mob-p50{ padding: 50px; }
	.mob-pt0{ padding-top: 0; } .mob-pt5{ padding-top: 5px; } .mob-pt10{ padding-top: 10px; } .mob-pt20{ padding-top: 20px; } .mob-pt30{ padding-top: 30px; }
	.mob-pt40{ padding-top: 40px; } .mob-pt50{ padding-top: 50px; }
	.mob-pr0{ padding-right: 0; } .mob-pr5{ padding-right: 5px; } .mob-pr10{ padding-right: 10px; } .mob-pr20{ padding-right: 20px; } .mob-pr30{ padding-right: 30px; }
	.mob-pr40{ padding-right: 40px; } .mob-pr50{ padding-right: 50px; }
	.mob-pb0{ padding-bottop: 0; } .mob-pb5{ padding-bottop: 5px; } .mob-pb10{ padding-bottop: 10px; } .mob-pb20{ padding-bottop: 20px; } .mob-pb30{ padding-bottop: 30px; }
	.mob-pb40{ padding-bottop: 40px; } .mob-pb50{ padding-bottop: 50px; }
	.mob-pl0{ padding-left: 0; } .mob-pl5{ padding-left: 5px; } .mob-pl10{ padding-left: 10px; } .mob-pl0{ padding-left: 20px; } .mob-pl30{ padding-left: 30px; }
	.mob-pl40{ padding-left: 40px; } .mob-pl0{ padding-left: 50px; }
	
	.pw{ padding: 0 10px; }
	.mob-pa{ position: absolute; } .mob-pr{ position: relative; }
	
	/* sections based on a 12 grid system */
	.mob-sec1{ width: 8.3333%; } .mob-sec2{ width: 16.6666%; } .mob-sec3{ width: 25%; } .mob-sec4{ width: 33.3333%; } .mob-sec5{ width: 41.6666%; } .mob-sec6{ width: 50%; } .mob-sec7{ width: 58.3333%; } .mob-sec8{ width: 66.6666% } .mob-sec9{ width: 75%; } .mob-sec10{ width: 83.3333%; } .mob-sec11{ width: 91.6666%; } .mob-sec12{ width: 100%; }
	
	.mob-tac{ text-align: center; } .mob-tal{ text-align: left; } .mob-tar{ text-align: right; }
}