Layout improvements, some additions

front/styles/RouteView.module.css

@@ -0,0 +1,5 @@
+.header {
+  border-radius: 30px;
+  background: #cff9ec;
+  text-align: center;
+}

front/styles/errorMessage.module.css

@@ -0,0 +1,3 @@
+.text {
+  color: red;
+}

front/styles/globals.css

@@ -0,0 +1,21 @@
+@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;800;900&display=swap");
+
+:root {
+  --main-font-color: #000000;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  background-color: #5fd4b1;
+  padding: 0.8rem;
+
+  font-family: Jost;
+}

front/styles/home.module.css

@@ -0,0 +1,65 @@
+.picCard {
+  margin-top: 3rem;
+  width: 100%;
+  background-image: url("public/home/turist.svg");
+  height: calc(100vw - 3.2rem);
+  background-size: cover;
+  border-radius: 50px;
+  filter: drop-shadow(0px 0px 45px rgba(23, 21, 21, 0.3));
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+  border-radius: 50px;
+}
+
+.picMainText {
+  position: absolute;
+  text-align: right;
+  font-style: normal;
+  font-weight: 800;
+  font-size: 24px;
+  line-height: 25px;
+  align-items: center;
+  letter-spacing: 0.08em;
+  right: 0.8rem;
+  top: 8.5rem;
+  color: #000000;
+}
+
+.picSubText {
+  position: absolute;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: right;
+  letter-spacing: 0.08em;
+  width: 198px;
+  color: #000000;
+  right: 0.8rem;
+  bottom: 2.3rem;
+}
+
+.advantage {
+  display: grid;
+  margin: 3.2rem 0;
+  align-self: center;
+}
+
+.advantageIcon {
+  display: block;
+  margin: 0.8rem auto;
+}
+
+.advantageText {
+  text-align: center;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 20px;
+  align-items: center;
+  letter-spacing: 0.1em;
+  color: #000000;
+}
+
+.authHeader {
+  text-align: center;
+}

front/styles/layout.module.css

@@ -0,0 +1,42 @@
+.content {
+  padding: 0.8rem;
+  background-color: #ffffff;
+  border-radius: 30px;
+}
+
+.header {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+}
+
+.logo {
+  display: grid;
+  gap: 0.5rem;
+  align-self: center;
+  grid-template-columns: auto auto;
+}
+
+.link {
+  font-style: normal;
+  font-weight: 500;
+  font-size: 0.8rem;
+  letter-spacing: 0.07em;
+  color: var(--main-font-color);
+  align-self: center;
+  padding: 0 0.8rem;
+  text-align: center;
+  border: 2px solid #ffd600;
+  box-sizing: border-box;
+  border-radius: 10px;
+}
+
+.textLogo {
+  align-self: center;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 1.2rem;
+  align-items: center;
+  text-align: right;
+  letter-spacing: 0.07em;
+  color: var(--main-font-color);
+}