/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:ital@0;1&display=swap');

* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

body {
	margin: 0;
	padding: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-optical-sizing: auto;
	color: hsl(30 100% 90% / 1);
	background: -webkit-gradient(linear, left bottom, left top, from(hsl(0 100% 20% / 1)), to(hsl(0 80% 30% / 1)));
	background: -o-linear-gradient(bottom, hsl(0 100% 20% / 1) 0%, hsl(0 80% 30% / 1) 100%);
	background: linear-gradient(0deg, hsl(0 100% 20% / 1) 0%, hsl(0 80% 30% / 1) 100%);
	background-attachment: fixed;
}
h1 {
	display: none;
}
h2 {
	margin-top: 32px;
}
img {
	width: 100%;
}

.frame {
	width: 480px;
}

header {
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	color: hsl(5 100% 60% / 1);
	container-type: inline-size;
}
header p {
	margin: 0;
	font-size: 6.5cqw;
}
footer {
	text-align: center;
	padding: 32px;
}