styles

Author: Balashov Nikita

phone-book/style/add-user.css

@@ -5,4 +5,22 @@
 
 .add-user-block{
     padding: 10px 0;
+}
+
+.correct{
+    background-color: rgba(10, 194, 56, 0.3) !important;
+}
+
+.wrong{
+    background-color: rgba(194, 10, 10, 0.3) !important;
+}
+
+.required{
+    color: brown;
+}
+
+.respond-after-delete{
+    color: brown;
+    text-align: center;
+    margin-top: 20px;
 }

phone-book/style/main.css

@@ -5,6 +5,36 @@
     margin: 0;
 }
 
+.authorization-block{
+    margin-top: 100px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 600px;
+    min-height: 200px;
+    border: 3px solid black;
+    border-radius: 2rem;
+}
+
+.au-title{
+    text-align: center;
+    border-bottom: 2px solid black;
+}
+
+.wraper-for-authorization-inputs{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.au-input{
+    margin-top: 15px;
+    margin-bottom: 15px;
+    border: 1px solid black;
+    border-radius: 2rem;
+    padding: 5px 5px 5px 15px;
+    width: 400px;
+}
+
 #main-wraper{
     display: flex;
     flex-direction: column;

phone-book/style/user-page.css

@@ -16,4 +16,8 @@
 
 .user-page-value{
     margin-right: 50px;
+}
+
+#usp-wraper-for-btns{
+    margin-bottom: 20px;
 }