diff --git a/src/App.css b/src/App.css
index d63fbb0..72cf319 100644
--- a/src/App.css
+++ b/src/App.css
@@ -17,6 +17,10 @@ body {
   min-height: 100vh;
 }
 
+.page {
+  padding: 1rem;
+}
+
 .navbar ul {
   list-style: none;
   padding: 0;
diff --git a/src/pages/About.js b/src/pages/About.js
index 39554e6..15703d1 100644
--- a/src/pages/About.js
+++ b/src/pages/About.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 function About() {
   return (
-    <div className="about">
+    <div className="page about">
       <h1>Обо мне</h1>
       <p>можете звать меня пуфок. я очень ленивая лисичка, которая любит заниматься различным творчеством и интересными вещами)</p>
       <p>местоимения: он/она/любые</p>
diff --git a/src/pages/Contact.js b/src/pages/Contact.js
index 1a99103..ecb8f4d 100644
--- a/src/pages/Contact.js
+++ b/src/pages/Contact.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 function Contact() {
   return (
-    <div className="contact">
+    <div className="page contact">
       <h1>Контакты</h1>
       <p>можешь найти меня тут:</p>
       <ul>
diff --git a/src/pages/Home.js b/src/pages/Home.js
index a717778..33d3a50 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 function Home() {
   return (
-    <div className="home">
+    <div className="page home">
       <h1>Добро пожаловать на мой сайт!</h1>
       <p>он пока еще в разработке.. но уже выглядит более взрачным, нежели его первая версия) но все же, еще не полностью готов! наберитесь терпения, друзья :з</p>
     </div>
diff --git a/src/pages/Projects.js b/src/pages/Projects.js
index 2243e83..983cd7c 100644
--- a/src/pages/Projects.js
+++ b/src/pages/Projects.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 function Projects() {
   return (
-    <div className="projects">
+    <div className="page projects">
       <h1>Мои проекты (что? зачем?)</h1>
       <ul>
         <li>пустовато...</li>