diff --git a/style.css b/style.css
new file mode 100644
index 0000000..2872999
--- /dev/null
+++ b/style.css
@@ -0,0 +1,162 @@
+body {
+  font-family: "Open Sans", sans-serif;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  background: #f5f5f5;
+}
+
+header {
+  font-size: 20px;
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+
+.container {
+  width: 90%;
+  max-width: 600px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  border-radius: 8px;
+  padding: 15px;
+  margin-top: 20px;
+  background: white;
+}
+
+textarea {
+  width: 100%;
+  min-height: 50px; /* Минимальная высота */
+  resize: none; /* Отключаем возможность ручного изменения размера */
+  border: none;
+  background: white;
+  margin-bottom: 5px;
+  overflow-y: hidden; /* Отключаем полосу прокрутки по вертикали */
+}
+
+textarea:focus {
+  outline: none; /* Убираем обводку */
+}
+
+.btnSave {
+  padding: 5px;
+  cursor: pointer;
+  border-width: 1px;
+  background: white;
+  border-radius: 5px;
+  font-family: "Open Sans", sans-serif;
+  transition: all 0.3s ease;
+}
+
+.date {
+  font-size: 11px;
+  color: grey;
+}
+
+.notesHeaderBtn {
+  display: inline-block;
+  cursor: pointer;
+  color: black;
+  font-weight: bold;
+}
+
+.textNote {
+  margin-top: 10px;
+  white-space: pre-wrap;
+}
+
+/* Убираем стандартные отступы для абзацев */
+.textNote p {
+  margin: 0;
+  padding: 0;
+}
+
+/* Убираем маргины у заголовков */
+.textNote h1,
+.textNote h2,
+.textNote h3,
+.textNote h4,
+.textNote h5,
+.textNote h6 {
+  margin: 0;
+  padding: 0;
+}
+
+/* Убираем отступы у списков */
+.textNote ul,
+.textNote ol {
+  margin: 0;
+  padding-left: 20px;
+}
+
+/* Убираем маргины у элементов списка */
+.textNote li {
+  margin: 0;
+  padding: 0;
+}
+
+/* Стили для ссылок */
+.textNote a {
+  color: #007bff;
+  text-decoration: none;
+}
+
+.textNote a:hover {
+  text-decoration: underline;
+}
+
+/* Стили для кода */
+.textNote pre {
+  background-color: #f5f5f5;
+  padding: 10px;
+  border-radius: 5px;
+  font-size: 14px;
+  overflow-x: auto;
+}
+
+.textNote code {
+  background-color: #f5f5f5;
+  padding: 2px 4px;
+  border-radius: 5px;
+  font-size: 14px;
+}
+
+.notes-container {
+  width: 100%;
+  display: flex;
+  flex-direction: column; /* Располагаем элементы в колонку */
+  align-items: center; /* Центрируем */
+}
+
+.markdown-buttons {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.markdown-buttons .btnMarkdown {
+  padding: 5px 10px;
+  margin-right: 5px;
+  cursor: pointer;
+  border: 1px solid #ddd;
+  background-color: #f0f0f0;
+  border-radius: 5px;
+  font-size: 14px;
+}
+
+.markdown-buttons .btnMarkdown:hover {
+  background-color: #e0e0e0;
+}
+
+.footer {
+  text-align: center;
+  font-size: 12px;
+  color: #999;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  padding: 10px 0;
+}
+
+.footer span {
+  font-weight: bold;
+}