/* Container */
#content{
  margin-top: -76px;
}

.card-portal{
  height: 50vh !important;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  box-shadow: 0 -5px 50px #0000002f;
}
.card-portal:hover{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  box-shadow: 0 70px 50px #00000047;
  --c1: #fff;
	--c2: #ffebeb;
	background: linear-gradient(-90deg,var(--c2), var(--c1));
	background-size: 5000% 5000%;
	animation: gradient 2s ease infinite;
	-webkit-animation: gradient 2s ease infinite;
}
.card-portal img{
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}
.card-portal:hover img{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}