Make default app look less sketchy

Author: vjeux

src/App.css

@@ -1,5 +1,15 @@
-.App {
-  background: red;
-  width: 100px;
-  height: 100px;
+body {
+  background-color: #f5fcff;
+}
+
+.App--logo {
+  animation: spin infinite 20s linear;
+  border-radius: 50%;
+  vertical-align: middle;
+  width: 38px;
+}
+
+@keyframes spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
 }

src/App.js

@@ -1,12 +1,19 @@
 import React from 'react';
 import './App.css';
-import reactImage from './react.png';
+import logo from './logo.png';
 
 export default function App() {
   return (
-    <div className="App">
-      Hello world!
-      <img src={reactImage} alt="React rocks!" />
+    <div>
+      <h1>
+        Welcome to
+        <img src={logo} className="App--logo" alt="React logo" />
+        React
+      </h1>
+      <p>
+        To get started, edit <code>src/App.js</code> and
+        save the file to update.
+      </p>
     </div>
   );
 }