@charset "utf-8";
/* CSS Document */

/*
SANTIAGO BAROCIO'S ASCII FOR 2022 :
                                                                                                
 ad88888ba       88   888b      88    ad888888b,     ,a8888a,    8b        d8          
d8"     "8b    ,d88   8888b     88   d8"     "88   ,8P"'  `"Y8,   Y8,    ,8P           
Y8,          888888   88 `8b    88           a8P  ,8P        Y8,   Y8,  ,8P            
`Y8aaaaa,        88   88  `8b   88        ,d8P"   88          88    "8aa8"             
  `"""""8b       88   88   `8b  88      a8P"      88          88     `88'              
        `8b      88   88    `8b 88    a8P'        `8b        d8'      88    aaa  
Y8a     a8P      88   88     `8888   d8"           `8ba,  ,ad8'       88    "88  
 "Y88888P"       88   88      `888   88888888888     "Y8888P"         88    d8'  
                                                                           8"                                                                        
 ad888888b,    ,a8888a,    ad888888b,  ad888888b,  
d8"     "88  ,8P"'  `"Y8, d8"     "88 d8"     "88  
        a8P ,8P        Y8,        a8P         a8P  
     ,d8P"  88          88     ,d8P"       ,d8P"   
   a8P"     88          88   a8P"        a8P"      
 a8P'       `8b        d8' a8P'        a8P'        
d8"          `8ba,  ,ad8' d8"         d8"          
88888888888    "Y8888P"   88888888888 88888888888                                                     
*/


*{
margin: 0;
padding: 0;
padding-left: .12%;
padding-top: .12%
}


header#canvas
{
width: 87.5vw;
height: 65vw;
background-color: rgb(212,212,212);
}


section,article
{
	float: left;
}

article#row-one 
{
width: 5%;
height: 99%;	
}
		section.cream 
		{
			width: 100%;
			height: 100%;
			float: none;
		}
	
article#row-two
{
	width: 5%;
	height: 99%;
}
		section.black
		{		
			width: 105%;
			height: 100%;
			float: none;
		}

article#row-three 
{
	width: 5%;
	height: 99%;
		
}
		section.black2 
		{
				width: 100%;
				height: 46%;
				float: none;
		}
		section.cream2 
		{
				width: 100%;
				height: 54%;
		}

article#row-four
{
width: 5%;
height: 99%;
}

		section.cream3 
		{
				width: 100%;
				height: 46%;
				float: none;
		}
		section.black3 
		{
				width: 105%;
				height: 54%;
		}


article#row-five
{
	width: 5%;
	height: 99%;
}
		section.black4
		{		
				width: 105%;
				height: 100%;
				float: none;
		}


article#row-six
{
	width: 5%;
	height: 98.991%;
}
		section.black5
		{		
				width: 105%;
				height: 8%;
				float: none;
		}

		
		section.cream4 	
		{		
				width: 105%;
				height: 13%;
				float: none;
		}

		section.black6
		{		
				width: 105%;
				height: 12%;
				float: none;
		}

		section.cream5	
		{		
				width: 105%;
				height: 12%;
				float: none;
		}

		section.black7
		{		
				width: 105%;
				height: 12%;
				float: none;
		}

		section.cream6	
		{		
				width: 105%;
				height: 12%;
				float: none;
		}

		section.black8

		{		
				width: 105%;
				height: 31%;
				float: none;
		}

article#row-seven
{
	width: 68%;
	height: 99%;
}
		section.cream7
		{		
				width: 100%;
				height: 100%;
				float: none;
		}













/* colors*/  

.black
{background-color: rgb(39,39,39)
}
.black:hover { background-color: red
}

.black2
{background-color: rgb(39,39,39)
}
.black2:hover { background-color: red
}

.black3
{background-color: rgb(39,39,39)
}
.black3:hover { background-color: red
}

.black4
{background-color: rgb(39,39,39)
}
.black4:hover { background-color: red
}

.black5
{background-color: rgb(39,39,39)
}
.black5:hover { background-color: red
}

.black6
{background-color: rgb(39,39,39)
}
.black6:hover { background-color: red
}

.black7
{background-color: rgb(39,39,39)
}
.black7:hover { background-color: red
}

.black8
{background-color: rgb(39,39,39)
}
.black8:hover { background-color: red
}



.cream
{background-color: rgb(243,238,218)
}

.cream2
{background-color: rgb(243,238,218)
}

.cream3
{background-color: rgb(243,238,218)
}

.cream4
{background-color: rgb(243,238,218)
}

.cream5
{background-color: rgb(243,238,218)
}

.cream6
{background-color: rgb(243,238,218)
}

.cream7
{background-color: rgb(243,238,218)
}

.gray
{background-color: rgb(212,212,212)
}