Inserção

Login Google.Css

.gitignore

@@ -3,3 +3,4 @@ __pycache__
 trash
 .vscode
 .env
+*.sqlite3

templates/partials/_head.html

@@ -19,6 +19,7 @@
 <link rel="stylesheet" href=" {% static "assets/css/header.css" %} " />
 <link rel="stylesheet" href=" {% static "assets/css/imports.css" %} ">
 <link rel="stylesheet" href=" {% static "assets/css/nav.css" %} ">
+<link rel="stylesheet" href=" {% static "assets/css/loginGoogle.css" %} ">
 <link rel="stylesheet" href=" {% static "assets/css/newBook.css" %} ">
 <link rel="stylesheet" href=" {% static "assets/css/bookPage.css" %} "> {% endif %}
 

templates/socialaccount/login.html

@@ -40,6 +40,7 @@
         </div>
         <div id="a2">
             <img src="{% static "assets/img/cat_confuse1.jpg" %}" alt="">
+            <img src="{% static "assets/img/pilhaLivro.png" %}" alt="">
         </div>
     </div>
 {% endblock content %}

templates/static/assets/css/loginGoogle.css

@@ -0,0 +1,57 @@
+#a{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    height: 110vh;
+    padding: 2rem;
+}
+#a1{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    color: var(--color-fg);
+    width: 60%;
+    height: 100%;
+    font-size: 2rem;
+    padding: 1rem;
+}
+#a1 span{
+    color: var(--color-main);
+}
+#a1 h1{
+    margin-top: 0;
+}
+#a1_5{
+    width: 50%;
+}
+#a1_5 button{
+    background-color: var(--color-main);
+    border: none;
+    border-radius: 12px;
+    font-size: 1.4rem;
+    width: 100%;
+    height: 4rem;
+    margin-top: 42.88px;
+}
+#a1_5 button:hover{
+    background-color: var(--color-main-hover);
+}
+#a2{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 30%;
+    height: 100%;
+}
+#a2 img{
+    width: 90%;
+    border-radius: 12px;
+}
+@media (max-width: 1800px) {
+    #a1_5{
+        width: 80%;
+    }
+}