@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--blue: rgb(31, 68, 106);
	--orange: rgb(222, 78, 27);

}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "Work Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	background-color: var(--blue);
	display: flex;
	flex-direction: column;
	color:var(--orange);
	.lines {
		height: 5vh;
		width: 100%;
		background-image: repeating-linear-gradient(55deg,
				var(--blue) 0px, var(--blue) 60px,
				var(--orange)61px, var(--orange) 100px)
	}

	.lines-bottom {
		align-self: flex-end;
	}

	.whiteline {
		margin: 1vh auto;
		width: 100%;
		background-color: #fff;
		height: 15vh;
		display: flex;
		justify-content: center;
		padding: 1vh 0;
	}

	header,
	footer,
	main {
		align-self: center;
		width: 80%;

	}

	header {
		display: flex;
		justify-content: space-between;

		img {
			&.logoasc {
				height: 13vh
			}
		}

		h1 {
			font-size: 7vw;
		}
	}

	footer {
		display: flex;
		justify-content: center;
		img {
			&.jkdcinese {
				height: 13vh
			}
		}
	}

	main {
		text-align: center;
		p{padding:2vh;}
	}
}


.lg{
	font-size: 6vw;
}
.xl{
	font-size: 8vw;
}
.md{
	font-size: 4vw;
}
.white{
	color:#fff;
}
.bold{
	font-weight:900;
}
.cursor-pointer{
	cursor: pointer;
}