/*************************************************************

-________________ ______________ __  __   ______ _______ ________ ________
__  ___/___  __ \__  ___/___  / _ \/ /   ___  / ___    |___  __ )__  ___/
_____ \ __  /_/ /_____ \ __  /  __  /    __  /  __  /| |__  __  |_____ \ 
____/ / _  _, _/ ____/ / _  /____  /     _  /____  ___ |_  /_/ / ____/ / 
/____/  /_/ |_|  /____/  /_____//_/      /_____//_/  |_|/_____/  /____/  
                                                                         

Built by Srsly Labs
-
Project: Project Three Art *Not* Forgery

***************************************************************/
@import url('https://fonts.googleapis.com/css?family=Heebo&display=swap');

main#canvas {
width: 68.4vw;
height: 45.5vw;
}

section {
width: 16.66666666667%;
height: 100%;
float: left;
}

article {
width: 60%;
height: 80%;
margin-top: 41%;
margin-left: 20%;
float: left;
}

.one {
background-color: yellow;
}

.two {
background-color: purple;
}

.three {
background-color: pink;
}

.four {
background-color: brown;
}

.five {
background-color: black;
}

.six {
background-color: green;
}

.one:hover {
background-color: pink;
}

.two:hover {
background-color: green;
}

.three:hover {
background-color: orange;
}

.four:hover {
background-color: yellow;
}

.five:hover {
background-color: gray;
}

.six:hover {
background-color: blue;
}