.main {

	/* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); */
	background: linear-gradient(-45deg, #65BF83, #15D1BB, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;


}
.back {

    background: url(logo.png);
    background-repeat: no-repeat;
    background-size: contain, cover;
    background-position: center;

}

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

@font-face {
    font-family: PNU-Bold;
    src: url(fonts/PNU-Bold.ttf);
  }
@font-face {
    font-family: PNU-Medium;
    src: url(fonts/PNU-Medium.ttf);
}
.arb{
    font-family: 'PNU-Bold';
}
.arm{
    font-family: 'PNU-Medium';
}