header {
    div.pb6-l {
        @media screen and (min-width: 60em) {
            padding-bottom: 3rem;
        }

        h1 {
            margin-top: 0;
        }
    }
}

/* animated logo */
header #homepage-animated-logo {
    width: 13rem;
    display: block;
    margin: 0 auto;

    animation: homepage-logo-scale-in .6s ease 0s 1 normal forwards, homepage-logo-rotate 1.4s ease 0s 1;
    animation-delay: 0s, 1s;

    @media (prefers-reduced-motion: reduce) {
        animation: none;
    }
}
@keyframes homepage-logo-scale-in {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}
@keyframes homepage-logo-rotate {
    10% {
        transform: rotate(-10deg);
        transform-origin: center;
    }
    90% {
        transform: rotate(367deg);
        transform-origin: center;
    }
    100% {
        transform: rotate(360deg);
        transform-origin: center;
    }
}

main {
    font-size: 1.2em;

    #welcome-to-tech-club {

        text-align: center;
        margin: 0 auto;
    }
}