@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300&display=swap');

.body
{
	margin: 0;
	padding: 0;
	min-height: 100vh;
	width: 100vw;
	background: #FFF, linear-gradient(180deg, #ED6E9F, #EC8B6B);
	background-size: cover;
	overflow-x: hidden;
}

.background
{
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-image: url("../images/wallpaper.jpg");
	background-size: cover;
}

.catcha
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: min(2vw, 4vh);
	left: min(2vw, 4vh);
	height: 12vh;
	width: calc(100vw - 2*min(2vw, 4vh));
	line-height: 6vh;
	font-size: 5.8vh;
	font-family: 'Arial Nova', Arial, sans-serif;
	font-stretch: condensed;
	font-weight: 600;
	text-align: left;
	color: #000;
}

.headlines
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: calc(min(2vw, 4vh) + 12vh);
	left: min(2vw, 4vh);
	height: 48vh;
	width: calc(100vw - 2*min(2vw, 4vh));
	line-height: 8vh;
	font-size: 7.8vh;
	font-family: 'Arial Nova', Arial, sans-serif;
	font-stretch: condensed;
	font-weight: 600;
	text-align: center;
	color: #000;
}

.corpo
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: calc(min(2vw, 4vh) + 12vh + 48vh);
	left: min(2vw, 4vh);
	height: 100vh;
	width: calc(100vw - 2*min(2vw, 4vh));
	line-height: 3vh;
	font-size: 2.8vh;
	font-family: 'Lexend', Arial, sans-serif;
	font-weight: 300;
	text-align: justify;
	color: #000;
}

.vitrine
{
    margin: 0;
    padding: 0;
	position: absolute;
	top: 4vh;
	left: calc((100vw - 2*min(2vw, 4vh) - 2*66vh)/2.5);
    height: 88vh;
    width: 66vh;
    background-image: url(../images/onelifer.png);
    background-size: cover;
}

.vitrine-text
{
    margin: 0;
    padding: 0;
	position: absolute;
	top: 4vh;
	right: calc((100vw - 2*min(2vw, 4vh) - 2*66vh)/2.5);
    height: 88vh;
    width: 66vh;
}

.footer
{
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(min(2vw, 4vh) + 12vh + 48vh + 100vh);
    left: 0;
    height: 4vh;
    width: 100vw;
	line-height: 4vh;
	font-size: 1.4vh;
	font-family: "Lexend", Arial, sans-serif;
	font-weight: 300;
	text-align: center;
	color: #fff;
    background-color: #000;
}