@font-face {
    src: url('../fonts/TTNorms-Regular.ttf');
    font-family: 'TT Norms'; font-weight: 400; font-style: normal;
}
@font-face {
    src: url('../fonts/TTNorms-BoldItalic.ttf');
    font-family: 'TT Norms'; font-weight: 700; font-style: italic;
}

:root{ --sred-chestnut:#992e1c; --sorange-golden:#ca780d; --sgreen-forest:#0b3529; --skhaki-sand:#e6dac6; }

body { 
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	font-family: 'TT Norms', sans-serif; font-size: 22px; font-weight: 400; color: #e6dac6; line-height: 1.2;
	background-color: #992e1c;
	background-image: linear-gradient(135deg, #992e1c 39%, #ca780d 99%);
	height: 100vh;
	animation: gradient 15s ease infinite;
	background-size: 400% 400%;
}
h1, h2, h3 { font-weight: bold; line-height: 1; }
p:last-child { margin-bottom: 0; }
b, strong { font-size: 1.05em; }
img { max-width: 100%; height: auto; }


.content {
	display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100%; height: auto;
	padding-top: 5em; padding-bottom: 5em;
    text-align: center;
}
.logo { max-width: 369px; }
.desc { max-width: 1000px; margin-top: 30px; }
.desc h1 { font-size: 40px; font-weight: 700; font-style: italic; text-transform: uppercase; }

/* (https://codepen.io/hylobates-lar/pen/qBbQeON) */
@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@media only screen and (max-width: 767px) {
	body { font-size: 18px; }
	.logo { max-width: 250px; }
	.desc { margin-top: 16px; }
	.desc h1 { font-size: 30px; }
}