div#Websites { }


	div#Websites a.portfolio { display:block; position:relative; padding:10px; text-decoration:none }



/*div#Websites a.portfolio:hover::before { content:''; position:absolute; left:0px; right:0px; top:0px; bottom:0px; background-color:rgba(0,0,0,0.3);  }*/


div#Websites a.portfolio::after { content: 'VIEW WEB PORTFOLIO'; letter-spacing: 1px; font-weight: bold; color: white; position: absolute;
									background-color: rgba(0,0,0,0.4); left: 0px; right: 0px; top: 0px; bottom: 0px; text-align: center; font-size: 8vw;
									display:flex; align-items:center; justify-content:center;
}


	div#Websites a.ready { display: block; text-align: center; padding-top:calc(5vw + 5vh); padding-bottom:calc(5vw + 5vh); background:radial-gradient(#5099D3, #9950D3);
						   font-size:6vw; margin-top:20px; color:rgba(255,255,255,0.8);
	}
		div#Websites a.ready span { display: block; line-height: 1.6; }

	div#Websites a.ready:hover { color:white }