/*** Main stylesheet ***/

*:after,:before{box-sizing:border-box}*{margin:0;padding:0;scroll-behavior:smooth}a{text-decoration:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

/*** Main ***/

@import url('https://fonts.cdnfonts.com/css/helvetica-neue-9');

body {
    background: linear-gradient(130deg, #eeedef, #84dd7d);
    font-family: 'Helvetica Neue', sans-serif;
    color: #29133f;
    line-height: 1.6;
    animation: gradient 8s cubic-bezier(0.39, 0.575, 0.565, 1) infinite, 1s welcome ease-in;
    background-size: 200% 200%;
}

@keyframes welcome {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

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


#app {
    max-width: 1150px;
    margin: 0 auto;
    font-size: 1.2rem;
    height: 100vh;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    text-align: center;
    animation: 2s fadeIn ease;
}

@keyframes fadeIn {
    0% {
        transform: translateY(-30%);
        opacity:0
    }
    65% {
        transform: translateY(-2%);
        opacity: .5
    }
    100% {
        opacity:1
    }
}

h1, h2 {
    margin-bottom: 5vh;
}

p {
    font-style: italic;
    max-width: 14em;
}


@media (prefers-reduced-motion: reduce) {*{transition:.01s!important}}