Merge pull request #75 from 740fernando/feature/react

Styling Registration book screen

Author: 740fernando

09 - Consumindo a API com React/client/src/pages/NewBook/styles.css

@@ -0,0 +1,59 @@
+.new-book-container {
+    width: 100%;
+    max-width: 1120px;
+    height: 100vh;
+    margin: 0 auto;
+
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.new-book-container .content {
+    width: 100%;
+    padding: 96px;
+    background: #F0F0F5;
+    box-shadow: 0 0 100px rga(0,0,0,0.1);
+    border-radius: 8px;
+
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.new-book-container .content section{
+    width: 100%;
+    max-width: 380px;
+}
+
+.new-book-container section.form{
+    width: 100%;
+    max-width: 350px;
+    margin-right: 30px;
+}
+
+.new-book-container section.form img{
+    width: 45%;
+    margin-right: auto;
+    margin-right: auto;
+    display: block;
+}
+
+.new-book-container .content section h1{
+    margin: 64px 0 32px;
+    font-size: 32px;
+}
+
+.new-book-container .content section p{
+    font-size: 18px;
+    color: #737380;
+}
+
+.new-book-container .content form{
+    width: 100%;
+    max-width: 450px;
+}
+
+.new-book-container .content form input{
+    margin-top: 8px;
+}