@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: .17%
}


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


section {
		width: 92%;
		height: 88%;
		margin-left: 4%;
		margin-top: 2.5%;
}

article {
		width: .814%;
		height: 100%;
		display: inline-block;
		float: left
}

/* colors*/  

.blue
{background-color: rgb(116,139,181)
}
.blue:hover { background-color: red
}

.aqua
{background-color: rgb(91,153,168)
}
.aqua:hover { background-color: orange
}

.orange
{background-color: rgb(196,144,84)
}
.orange:hover { background-color: aqua	
}

.red
{background-color: rgb(189,117,95)
}
.red:hover { background-color: blue
}

.black
{background-color: rgb(46,51,55)
}
.black:hover { background-color: white	
}

.white
{background-color: rgb(210,209,205)
}
.white:hover { background-color: black	
}