@font-face{font-family:cf1;src:url(../fonts/ds-space.ttf);}

@font-face{font-family:cf2;src:url(../fonts/Montserrat-VariableFont_wght.ttf);}

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;}

html,body{font-size:15px;line-height:1.5;background:url("../images/backgrounds/background.jpg");background-color:#000000 !important;background-repeat: no-repeat !important;background-attachment:fixed;background-size:cover !important;margin:0;padding:0;}

html{overflow-x:hidden;}

body{background-color:#000000 !important;margin:0 !important;padding:0 !important;height:100vh;width:100vw;}

.nacl-col{float:left;width:100%;}

.nacl-row-padding,.nacl-row-padding>.nacl-col{padding:0 8px;}

.nacl-container:after,.nacl-container:before,.nacl-row:after,.nacl-row:before,.nacl-row-padding:after,.nacl-row-padding:before,.nacl-clear:after,.nacl-clear:before{content:"";display:table;clear:both;}

::selection{background-color:#999999;}

::-webkit-scrollbar{width:12px;}

::-webkit-scrollbar-track{background:#f1f1f1;}

::-webkit-scrollbar-thumb{background:#0e74bc;}

::-webkit-scrollbar-thumb:hover{background:#4A96D9;}

a:link{text-decoration:none;color:#000000;}

a:visited{text-decoration:none;color:#000000;}

a:hover{text-decoration:none;color:#000000;}

a:active{text-decoration:none;color:#000000;}









/*Small Column Styles - 479 pixels or less. iPhone 6/7/8, iPhone SE, iPhone XR, iPhone 12 Pro, Galaxy A51/71, Galaxy S8, Galaxy S9+, Galaxy S20 Ultra, Pixel 5*/
.nacl-col.s01{width:8.33333%}
.nacl-col.s02{width:16.66666%}
.nacl-col.s03{width:24.99999%}
.nacl-col.s04{width:33.33333%}
.nacl-col.s05{width:41.66666%}
.nacl-col.s06{width:49.99999%}
.nacl-col.s07{width:58.33333%}
.nacl-col.s08{width:66.66666%}
.nacl-col.s09{width:74.99999%}
.nacl-col.s10{width:83.33333%}
.nacl-col.s11{width:91.66666%}
.nacl-col.s12{width:99.99999%}



/*Scroll Triggered Animations*/
.animated-image{opacity:0;transform:translate(0, -130px);transition:all 2s;will-change:transform, opacity;}
.animated-image.visible-image{opacity:1;transform:translate(0, 10px);}
.animated-image-hover{opacity:0;transform:translate(0, -130px);transition:all 2s;will-change:transform, opacity;}
.animated-image-hover.visible-image-hover{opacity:1;transform:translate(0, 10px);}
.animated-heading{opacity:0;transform:translate(-130px, 0);transition:all 3s;will-change:transform, opacity;}
.animated-heading.visible-heading{opacity:1;transform:translate(1px, 0);}
.animated-occupation{opacity:0;transition:all 2s;will-change:opacity;}
.animated-occupation.visible-occupation{opacity:1;}
.animated-text{opacity:0;transform:translate(0, 130px);transition:all 4s;will-change:transform, opacity;}
.animated-text.visible-text{opacity:1;transform:translate(0, 10px);}
/*End Scroll Triggered Animations*/




/*Tiltbox*/
.tiltwrapper-index{overflow:visible;}
.tiltit-index{transform-style:preserve-3d;position:relative;width:325px;height:550px;display:block;margin:55px auto 0 auto;}
.tiltit-index, .tiltit-index *{box-sizing:border-box;}
.tiltit-index .riseup-index{transform:translateZ(0);transition:all 1s;width:325px;height:550px;}
.tiltit-index:hover .riseup-index{transform:translateZ(50px);transition:all 1s;}
.tiltwrapper{overflow:visible;}
.tiltit{transform-style:preserve-3d;position:relative;width:325px;height:550px;display:block;margin:25px auto 0 auto;}
.tiltit, .tiltit *{box-sizing:border-box;}
.tiltit .riseup{transform:translateZ(0);transition:all 1s;width:325px;height:550px;}
.tiltit:hover .riseup{transform:translateZ(50px);transition:all 1s;}
/*End Tiltbox*/


/*Main*/
.ascii{width:300px !important;height:auto;float:left;position:relative !important;left:15px;top:5px;z-index:9999 !important;}
.site-container{position:relative !important;left:15px;top:5px;z-index:9999 !important;}
.information-container{position:relative !important;left:15px;top:15px;z-index:9999 !important;}
h1{font-size:56px !important;font-family:cf1 !important;color:#ffffff;}
h2{font-size:49.5px !important;font-family:cf2 !important;color:#ffffff;}
h3{font-size:32px !important;font-family:cf2 !important;color:#ffffff;}
p{font-size:24px !important;font-family:cf2 !important;color:#ffffff;}
svg {position:fixed;width:100px;height:100px;right:15px;bottom:25px;z-index:100 !important;}
/*End Main*/









/*Medium Size Column Styles - Surface Duo*/
@media (min-width:480px){
	.nacl-col.m01{width:8.33333%}
	.nacl-col.m02{width:16.66666%}
	.nacl-col.m03{width:24.99999%}
	.nacl-col.m04{width:33.33333%}
	.nacl-col.m05{width:41.66666%}
	.nacl-col.m06{width:49.99999%}
	.nacl-col.m07{width:58.33333%}
	.nacl-col.m08{width:66.66666%}
	.nacl-col.m09{width:74.99999%}
	.nacl-col.m10{width:83.33333%}
	.nacl-col.m11{width:91.66666%}
	.nacl-col.m12{width:99.99999%}


	
	
/*Tiltbox*/
.tiltit-index{width:450px;height:600px;margin:50px auto 0 auto;}
.tiltit-index .riseup-index{width:450px;height:600px;}
.tiltit{width:430px;height:240px;margin:225px auto 0 auto;}
.tiltit .riseup{width:430px;height:240px;}
/*End Tiltbox*/
	
	
	
/*Main*/
.ascii{width:325px !important;float:left;left:65px;top:5px;}
.site-container{left:50px;top:5px;}
.information-container{left:50px;top:20px;}
h1{font-size:63px !important;}
h2{font-size:50px !important;}
h3{font-size:40px !important;}
p{font-size:28px !important;}
svg{width:125px;height:125px;right:15px;bottom:15px;}
/*End Main*/	
	

	
	
}


/*Large Size Column Styles - Basic Tablets and iPad, iPad Air, iPad Mini*/
@media (min-width:640px){
	.nacl-col.l01{width:8.33333%}
	.nacl-col.l02{width:16.66666%}
	.nacl-col.l03{width:24.99999%}
	.nacl-col.l04{width:33.33333%}
	.nacl-col.l05{width:41.66666%}
	.nacl-col.l06{width:49.99999%}
	.nacl-col.l07{width:58.33333%}
	.nacl-col.l08{width:66.66666%}
	.nacl-col.l09{width:74.99999%}
	.nacl-col.l10{width:83.33333%}
	.nacl-col.l11{width:91.66666%}
	.nacl-col.l12{width:99.99999%}
	


	
	
/*Tiltbox*/
.tiltit-index{width:600px;height:800px;margin:75px auto 0 auto;}
.tiltit-index .riseup-index{width:600px;height:800px;}
.tiltit{width:590px;height:330px;margin:325px auto 0 auto;}
.tiltit .riseup{width:590px;height:330px;}
/*End Tiltbox*/
	
	
	
/*Main*/
.ascii{width:475px !important;float:left;left:70px;top:25px;}
.site-container{left:55px;top:10px;}
.information-container{left:55px;top:25px;}
h1{font-size:90px !important;}
h2{font-size:80px !important;}
h3{font-size:60px !important;}
p{font-size:40px !important;}
svg{width:150px;height:175px;right:15px;bottom:15px;}
/*End Main*/	



	
}




/*XL Column Styles  - iPad Pro, Nest Hub*/
@media (min-width:1024px){
	.nacl-col.xl01{width:8.33333%}
	.nacl-col.xl02{width:16.66666%}
	.nacl-col.xl03{width:24.99999%}
	.nacl-col.xl04{width:33.33333%}
	.nacl-col.xl05{width:41.66666%}
	.nacl-col.xl06{width:49.99999%}
	.nacl-col.xl07{width:58.33333%}
	.nacl-col.xl08{width:66.66666%}
	.nacl-col.xl09{width:74.99999%}
	.nacl-col.xl10{width:83.33333%}
	.nacl-col.xl11{width:91.66666%}
	.nacl-col.xl12{width:99.99999%}
	

	
	
/*Tiltbox*/
.tiltit-index{width:800px;height:1050px;margin:125px auto 0 auto;}
.tiltit-index .riseup-index{width:800px;height:1050px;}
.tiltit{width:755px;height:415px;margin:325px auto 0 auto;}
.tiltit .riseup{width:755px;height:415px;}
/*End Tiltbox*/
	
	
	
/*Main*/
.ascii{width:550px !important;float:left;left:150px;top:100px;}
.site-container{left:125px;top:100px;}
.information-container{left:125px;top:125px;}
h1{font-size:107px !important;}
h2{font-size:80px !important;}
h3{font-size:60px !important;}
p{font-size:48px !important;}
svg{width:175px;height:175px;right:25px;bottom:25px;}
/*End Main*/
	
	
	
}



/*XXL Column Styles - 1366x768 Displays*/
@media (min-width:1366px){
	.nacl-col.xxl01{width:8.33333%}
	.nacl-col.xxl02{width:16.66666%}
	.nacl-col.xxl03{width:24.99999%}
	.nacl-col.xxl04{width:33.33333%}
	.nacl-col.xxl05{width:41.66666%}
	.nacl-col.xxl06{width:49.99999%}
	.nacl-col.xxl07{width:58.33333%}
	.nacl-col.xxl08{width:66.66666%}
	.nacl-col.xxl09{width:74.99999%}
	.nacl-col.xxl10{width:83.33333%}
	.nacl-col.xxl11{width:91.66666%}
	.nacl-col.xxl12{width:99.99999%}
	


	
/*Tiltbox*/
.tiltit-index{width:1200px;height:600px;margin:100px auto 0 auto;}
.tiltit-index .riseup-index{width:1200px;height:600px;}
.tiltit{width:746px;height:400px;margin:375px auto 0 auto;}
.tiltit .riseup{width:746px;height:400px;}
/*End Tiltbox*/
	
	
	
/*Main*/
.ascii{width:550px !important;float:left;left:25px;top:25px;}
.site-container{left:50px;top:125px;}
.information-container{left:50px;top:200px;}
h1{font-size:100px !important;}
h2{font-size:70px !important;}
h3{font-size:60px !important;}
p{font-size:40px !important;}
svg{width:150px;height:150px;right:15px;bottom:15px;}
/*End Main*/
	
	
	
	
}




/*XXXL Size Column Styles 1080p*/
@media (min-width:1920px){
	.nacl-col.xxxl01{width:8.33333%}
	.nacl-col.xxxl02{width:16.66666%}
	.nacl-col.xxxl03{width:24.99999%}
	.nacl-col.xxxl04{width:33.33333%}
	.nacl-col.xxxl05{width:41.66666%}
	.nacl-col.xxxl06{width:49.99999%}
	.nacl-col.xxxl07{width:58.33333%}
	.nacl-col.xxxl08{width:66.66666%}
	.nacl-col.xxxl09{width:74.99999%}
	.nacl-col.xxxl10{width:83.33333%}
	.nacl-col.xxxl11{width:91.66666%}
	.nacl-col.xxxl12{width:99.99999%}

	

	
.nacl-flex-section{flex-direction:row;}
.nacl-flex-row{flex-direction:row;}
	
	
	
	
/*Tiltbox*/
.tiltit-index{width:1400px;height:640px;margin:150px auto 0 auto;}
.tiltit-index .riseup-index{width:1400px;height:640px;}
.tiltit{width:800px;height:425px;margin:325px auto 0 auto;}
.tiltit .riseup{width:800px;height:425px;}
/*End Tiltbox*/

	
	
/*Main*/
.ascii{width:600px !important;float:left;left:25px;top:25px;}
.site-container{left:100px;top:125px;}
.information-container{left:100px;top:200px;}
h1{font-size:120px !important;}
h2{font-size:80px !important;}
h3{font-size:60px !important;}
p{font-size:50px !important;}
svg{width:175px;height:175px;right:15px;bottom:15px;}
/*End Main*/
	

	
}





/*UHD Size Column Styles - 4K, UHD*/
@media (min-width:2560px){
	.nacl-col.uhd01{width:8.33333%}
	.nacl-col.uhd02{width:16.66666%}
	.nacl-col.uhd03{width:24.99999%}
	.nacl-col.uhd04{width:33.33333%}
	.nacl-col.uhd05{width:41.66666%}
	.nacl-col.uhd06{width:49.99999%}
	.nacl-col.uhd07{width:58.33333%}
	.nacl-col.uhd08{width:66.66666%}
	.nacl-col.uhd09{width:74.99999%}
	.nacl-col.uhd10{width:83.33333%}
	.nacl-col.uhd11{width:91.66666%}
	.nacl-col.uhd12{width:99.99999%}
	


	
	
/*Tiltbox*/
.tiltit-index{width:1800px;height:900px;margin:200px auto 0 auto;}
.tiltit-index .riseup-index{width:1800px;height:900px;}
.tiltit{width:980px;height:525px;margin:325px auto 0 auto;}
.tiltit .riseup{width:980px;height:525px;}
/*End Tiltbox*/
	
	
	
/*Main*/
.ascii{width:850px !important;float:left;left:25px;top:25px;}
.site-container{left:50px;top:150px;}
.information-container{left:50px;top:225px;}
h1{font-size:170px !important;}
h2{font-size:130px !important;}
h3{font-size:90px !important;}
p{font-size:70px !important;}
svg{width:325px;height:325px;right:15px;bottom:15px;}
/*End Main*/
	
	

	
}