CSS Country Clicker

/*CSS for Country Clicker*/
#box-g1{
position:absolute;
left:0%;
top:0%;
right:80%;
bottom:80%;
background-color:rgba(222,55,55,0.4);
border:6x solid rgba(0,0,0,0.8);
overflow-y:scroll;
}
#box-g2{
position:absolute;
left:0%;
top:20%;
right:60%;
bottom:30%;
background-color:rgba(0,0,0,0);
border:6x solid rgba(0,0,0,0.8);
overflow-x:hidden;
overflow-y:hidden;
}
#box-g3{
position:absolute;
left:0%;
top:70%;
right:40%;
bottom:0%;
background-color:rgba(166,77,210,0.5);
border:6x solid rgba(0,0,0,0.8);
overflow-x:hidden;
overflow-y:scroll;
}
#box-g4{
position:absolute;
left:40%;
top:0%;
right:30%;
bottom:30%;
background-color:rgba(22,155,33,0.5);
border:6x solid rgba(0,0,0,0.8);
overflow-x:hidden;
overflow-y:scroll;
}
#box-g5{
position:absolute;
left:40%;
top:70%;
right:30%;
bottom:0%;
background-color:rgba(160,230,40,0.5);
border:6x solid rgba(0,0,0,0.8);
overflow-x:hidden;
overflow-y:hidden;
}
#box-g6{
position:absolute;
left:70%;
top:0%;
right:0%;
bottom:30%;
background-color:rgba(66,80,250,0.5);
border:6x solid rgba(0,0,0,0.8);
overflow-x:hidden;
overflow-y:scroll;
}
#box-g7{
position:absolute;
left:70%;
top:70%;
right:0%;
bottom:0%;
background-color:rgba(70,90,10,1);
border:6x solid rgba(0,0,0,1);
overflow-x:hidden;
overflow-y:scroll;
}
.thing{
border-radius:14px;
border:solid 3px black
}
.thing.cantAfford{
opacity:60%;
}
.building{
background-color:rgba(30,170,30,0.8);
}
.upgrade{
background-color:rgba(50,50,220,0.8);
}
.achieve{
background-color:rgba(220,50,50,0.8);
}
.upgrade.owned,.achiev.owned{
background-image:linear-gradient(up,#dc3232,#32dc32)
}