Созданы новые css-файлы, изменен main.css и application_settings

app/assets/stylesheets/application.scss

@@ -21,3 +21,5 @@
  @use "base";
  @use "application_settings";
  @use "main";
+ @use "header";
+ @use "nav";

app/assets/stylesheets/application_settings.scss

@@ -31,3 +31,12 @@ body {
   width: 90vw;
   margin: 0 auto;
 }
+
+
+.welcome__container__laptop {
+  margin-top: 15%;
+  text-align: center;
+  font-size: 36px;
+  font-family: "Ubuntu sans";
+  font-weight: 600;
+}

app/assets/stylesheets/header.scss

@@ -0,0 +1,13 @@
+.main-header {
+    width: 100%;
+    font-size: 2.5rem;
+    font-weight: var(--bold);
+    text-align: center;
+    position: relative;
+}
+
+.exit {
+    position: absolute;
+    top: 0;
+    right: 5px;
+}

app/assets/stylesheets/main.scss

@@ -1,18 +1,3 @@
-.main-header {
-    width: 100%;
-    text-align: center;
-    font-size: 2.5rem;
-    font-weight: var(--bold);
-}
-
-.nav-container {
-    width: 20%;
-    margin: 0 auto;
-    display: flex;
-    justify-content: space-around;
-
-}
-
 .add-new {
     text-align: center;
     width: 100%;
@@ -24,13 +9,11 @@ a.link {
     border-radius: 20px 20px;
     padding: 10px;
     font-size: 1.5rem;
-
 }
 
 a.link:hover {
     background-color: black;
     color: var(--white-color)
-
 }
 
 .header{
@@ -56,6 +39,11 @@ a.link:hover {
     margin: 0 auto 10px;
 }
 
+.informations-data h2 {
+    font-weight: 700;
+    font-size: 2.5em;
+}
+
 .information-data {
     border: 2px solid black;
     display: flex;
@@ -75,3 +63,18 @@ a.link:hover {
     padding: 10px; 
     margin: 10px 0;
 }
+
+.information-button {
+    align-self: center;
+    margin-block: 8px;
+}
+
+.information-table table {
+    border-collapse: collapse;
+    text-align: center;
+}
+
+.information-table td, th {
+    padding: 5px;
+    border: 3px solid black;
+}

app/assets/stylesheets/nav.scss

@@ -0,0 +1,6 @@
+.nav-container {
+    width: 25%;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-around;
+}