pilot ui updates

cold-magma · cold-magma · commit 2d0a9962b301 · 2020-07-06T13:17:51.000+05:30
diff --git a/pilot/css/pilotstylesheet.css b/pilot/css/pilotstylesheet.css
@@ -11,6 +11,7 @@ body{
 	padding: 0;
 	background-color: #474747;
 	color: coral;
+	overflow-x: hidden;
 	display: flex;
 	flex-direction: column;
 	justify-content: space-around;
@@ -28,14 +29,14 @@ body::-webkit-scrollbar-thumb{
 }
 
 header{
-	animation: comein 4s ease forwards;
 	width: 100%;
 	height: 21rem;
 	justify-content: space-around;
 	align-items: center;
 	text-align: center;
 }
 .mainlogo{
+	animation: comein 4s ease forwards;
 	font-weight: bolder;
 }
 p{
@@ -216,9 +217,11 @@ h3{
 @keyframes comein{
 	from{
 		letter-spacing: 200px;
+		transform: translate(100px,0);
 	}
 	to {
 		letter-spacing: 20px;
+		transform: translate(0,0);
 	}
 }
 @keyframes fade{
diff --git a/pilot/pilot.html b/pilot/pilot.html
@@ -19,7 +19,7 @@
 <body>
 	<header>
 		<h1 class="mainlogo">PILOT</h1>
-		<svg id="rect" width="1617" height="18" viewBox="0 0 1617 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<svg id="rect" width="1617" height="15" viewBox="0 0 1617 18" fill="none" xmlns="http://www.w3.org/2000/svg">
 			<path d="M1.5 1.5H1614.55V16.5H1.5V1.5Z" stroke="#FF7F50" stroke-width="3" stroke-linejoin="round"/>
 		</svg>
 		<br>

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ body{`
`11`	`11`	`padding: 0;`
`12`	`12`	`background-color: #474747;`
`13`	`13`	`color: coral;`
	`14`	`+ overflow-x: hidden;`
`14`	`15`	`display: flex;`
`15`	`16`	`flex-direction: column;`
`16`	`17`	`justify-content: space-around;`
`@@ -28,14 +29,14 @@ body::-webkit-scrollbar-thumb{`
`28`	`29`	`}`
`29`	`30`
`30`	`31`	`header{`
`31`		`- animation: comein 4s ease forwards;`
`32`	`32`	`width: 100%;`
`33`	`33`	`height: 21rem;`
`34`	`34`	`justify-content: space-around;`
`35`	`35`	`align-items: center;`
`36`	`36`	`text-align: center;`
`37`	`37`	`}`
`38`	`38`	`.mainlogo{`
	`39`	`+ animation: comein 4s ease forwards;`
`39`	`40`	`font-weight: bolder;`
`40`	`41`	`}`
`41`	`42`	`p{`
`@@ -216,9 +217,11 @@ h3{`
`216`	`217`	`@keyframes comein{`
`217`	`218`	`from{`
`218`	`219`	`letter-spacing: 200px;`
	`220`	`+ transform: translate(100px,0);`
`219`	`221`	`}`
`220`	`222`	`to {`
`221`	`223`	`letter-spacing: 20px;`
	`224`	`+ transform: translate(0,0);`
`222`	`225`	`}`
`223`	`226`	`}`
`224`	`227`	`@keyframes fade{`