<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<DesignDeviceName>Desktop</DesignDeviceName>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>640</PageWidth>
	<PageHeight>480</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<CustomCSS>#box1 span{
	position: absolute;
	animation: animate1 10s linear infinite;
}

@keyframes animate1{
	0%{ left:200%;}
	100%{left:-100%;}
}


#box2 span{
	position: absolute;
	animation: animate2 10s linear infinite;
}

@keyframes animate2{
	0%{left:100%;}
	100%{left:-200%;}
}





.textMiddle{
    display: flex;
    align-items: center;
    justify-content: center;
}

</CustomCSS>
	<LanguageCode>en</LanguageCode>
	<MobileOSTypes>[AndroidOS,iOS,WindowsPhoneOS]</MobileOSTypes>
	<WindowState>normal</WindowState>
	<TitleBar>True</TitleBar>
	<Sizeable>True</Sizeable>
	<MaximizeBtn>False</MaximizeBtn>
	<MinimizeBtn>True</MinimizeBtn>
	<SystemMenu>True</SystemMenu>
	<ContextMenu>False</ContextMenu>
	<AlwaysOnTop>False</AlwaysOnTop>
	<ShowInTaskbar>True</ShowInTaskbar>
	<SingleInstance>False</SingleInstance>
	<ChromeKioskMode>False</ChromeKioskMode>
	<Components>
		<FunctionList name="Subroutines"/>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<style>background-color:#940030</style>
					<Components>
						<Container id="Container1">
							<left>0px</left>
							<top>0px</top>
							<width>100%</width>
							<height>170px</height>
							<css_class>box</css_class>
							<Components>
								<Container id="Container2">
									<left>0px</left>
									<top>0px</top>
									<width>100%</width>
									<height>85px</height>
									<style>background-color:#EC4800</style>
								</Container>
								<Container id="box1">
									<left>0px</left>
									<top>28px</top>
									<width>50%</width>
									<height>100px</height>
									<style>color:white;font-size:20pt;background-color:#c60043;transform:skewY(-8deg)</style>
									<css_class>textMiddle</css_class>
									<html>&lt;span&gt;ASMATQATEA&lt;/span&gt;</html>
								</Container>
								<Container id="box2">
									<left>50%</left>
									<top>28px</top>
									<width>50%</width>
									<height>100px</height>
									<style>color:white;font-size:20pt;background-color:#dc004c;transform:skewY(8deg)</style>
									<css_class>textMiddle</css_class>
									<html>&lt;span&gt;ASMATQATEA&lt;/span&gt;</html>
								</Container>
							</Components>
						</Container>
					</Components>
				</Page>
			</Components>
		</PageList>
		<PageList name="Master">
			<Components>
				<Page id="MasterPage"/>
			</Components>
		</PageList>
		<PageList name="Dialog">
			<Components>
				<Page id="NewDialog">
					<Components>
						<DialogContainer id="DialogContainer1">
							<left>0px</left>
							<top>0px</top>
							<width>640px</width>
							<height>480px</height>
							<close_button>False</close_button>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
