.flex-container1,
			.flex-container2,
			.flex-container3,
			.flex-container4 {
				position: fixed;
				width: 120px;  
				height: 120px; 
				display: flex;
				align-items: center;
				justify-content: center;
				background: transparent; 
				padding: 0;
			}

			.flex-container1 {
				top: 0;
				left: 0;
			}

			.flex-container2 {
				top: 0;
				right: 0;
			}

			.flex-container3 {
				bottom: 0;
				left: 0;
			}

			.flex-container4 {
				bottom: 0;
				right: 0;
			}

			.flex-item {
				width: 50px;
				height: 50px;
				margin: 10px;
				background-color: #00bcd4;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 22px;
				color: white;
				transition: 0.3s;
				border: 4px solid #cccccc; 
			}


			.flex-item:hover {
				animation: girar  1.55s linear infinite;
				transform: scale(1.15);
			}

			@keyframes girar {
				from { transform: rotate(0deg); }
				to   { transform: rotate(360deg); }
			}