body
	{
		background-image: url("wallpaper.jpg");
		font-family: "Segoe UI";
	}
	
*
	{
		text-decoration: none;
		color: rgba( 255, 255, 255, 1 );
		text-align: center;
	}	

.container { margin-top: 23%; }

.square
	{
		width: 35%;
		height: 25%;
		margin-left: 10%;
		margin-top: 5%;
		padding-top: 0.25%;
		/*border: 1px solid red;
		background-color: #242526;*/
	}

.titulo
	{
		position: absolute;
		width: 34.75%;
		transition: all 0.1s 0.4s;
	}
	
.linq
	{
		display: inline-block;
		opacity: 0;
		margin: 0% 1% ;
		height: 30px;
	}

.container,
.square,
.linq,
a { transition: all 0.5s; }

.square:hover
  {
		background-color: rgba( 36, 37, 38, 1 );
		box-shadow: 0px 0px 10px 3px rgba( 204, 204, 204, 0.3 );		
  }

.square:hover .titulo
  {
		display: none;
		opacity: 0;
  }

.square:hover .linq { opacity: 1; }

 a:hover { text-shadow: 1px 1px 5px #cccccc; }