@charset "utf-8";
/* CSS Document */
.fadein{
	animation: transitionIn 1.75s;
}

@keyframes transitionIn {
	from{
		opacity: 0;
		transform: translateY(500px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
	
}

@keyframes discord {
	0% {height:70px; width:250px;}
	 100% {height:500px;width:100%;}
}
@keyframes discord-c {
	0% {height:500px;width:100%;}
    100% {height:70px; width:250px;}
}
.discord {
	/* animation-name: discord-c;
	animation-duration: 1s;
	animation-play-state: pause; */
	float:left;
    height:70px;
	width:250px;
    transition: height 1s ease-in-out, width 1s ease-in-out;
	
}

.discord:hover {
	height:500px;
	width:100%;
	float:left;
	/* animation-name: discord;
	animation-duration: 1s;
	animation-play-state: pause; */
	transition: height 1s ease-in-out, width 1s ease-in-out;
}