@font-face{ /*"AtkinsonRegular"*/
	font-family:"AtkinsonRegular";
	src:url('/Web-Fonts/EOT/Atkinson-Hyperlegible-Regular-102.eot') format('eot'),
	url('/Web-Fonts/SVG/Atkinson-Hyperlegible-Regular-102.svg') format('svg'),
	url('/Web-Fonts/TTF/Atkinson-Hyperlegible-Regular-102.ttf') format('ttf'),
	url('/Web-Fonts/WOFF/Atkinson-Hyperlegible-Regular-102.woff') format('woff'),
	url('/Web-Fonts/WOFF2/Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face{ /*"AtkinsonItalic"*/
	font-family:"AtkinsonItalic";
	src:url('/Web-Fonts/EOT/Atkinson-Hyperlegible-Italic-102.eot') format('eot'),
	url('/Web-Fonts/SVG/Atkinson-Hyperlegible-Italic-102.svg') format('svg'),
	url('/Web-Fonts/TTF/Atkinson-Hyperlegible-Italic-102.ttf') format('ttf'),
	url('/Web-Fonts/WOFF/Atkinson-Hyperlegible-Italic-102.woff') format('woff'),
	url('/Web-Fonts/WOFF2/Atkinson-Hyperlegible-Italic-102a.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
}	
@font-face{ /*"AtkinsonBold"*/
	font-family:"AtkinsonBold";
	src:url('/Web-Fonts/EOT/Atkinson-Hyperlegible-Bold-102.eot') format('eot'),
	url('/Web-Fonts/SVG/Atkinson-Hyperlegible-Bold-102.svg') format('svg'),
	url('/Web-Fonts/TTF/Atkinson-Hyperlegible-Bold-102.ttf') format('ttf'),
	url('/Web-Fonts/WOFF/Atkinson-Hyperlegible-Bold-102.woff') format('woff'),
	url('/Web-Fonts/WOFF2/Atkinson-Hyperlegible-Bold-102a.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}

@font-face{ /*"AtkinsonBoldItalic"*/
	font-family:"AtkinsonBoldItalic";
	src:url('/Web-Fonts/EOT/Atkinson-Hyperlegible-BoldItalic-102.eot') format('eot'),
	url('/Web-Fonts/SVG/Atkinson-Hyperlegible-BoldItalic-102.svg') format('svg'),
	url('/Web-Fonts/TTF/Atkinson-Hyperlegible-BoldItalic-102.ttf') format('ttf'),
	url('/Web-Fonts/WOFF/Atkinson-Hyperlegible-BoldItalic-102.woff') format('woff'),
	url('/Web-Fonts/WOFF2/Atkinson-Hyperlegible-BoldItalic-102a.woff2') format('woff2');
	font-weight: bold;
	font-style: italic;
}	

body{
	font-family:"AtkinsonRegular";
    background-image: url(/img/background.webp);
    animation: mymove 20s infinite;
    animation-timing-function: linear;
	color: white;
}

@keyframes mymove {
    from {background-position-y: 0px}
    to {background-position-y: -600px}
}

h1,h2,h3,h4,strong{
	font-family: "AtkinsonBold";
}

em{
	font-family: "AtkinsonItalic";
}

a{
	text-decoration-line: none;
}

h5,h6{
	font-family: "AtkinsonBoldItalic";
}

@media screen and (min-width: 1080px) {
	.box{
		display: flex;

		align-items: center;
		background-color: #110022aa;
		width: 90%;
		height: 90%;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		padding: 5px;
		border-radius: 25px;
	}
}

@media screen and (max-width: 1080px) {
	.box{
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #110022aa;
		width: 90%;
		height: 90%;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		padding: 5px;
		border-radius: 25px;
	}
}