diff --git a/generator.html b/generator.html
index fcb02da..5471c71 100644
--- a/generator.html
+++ b/generator.html
@@ -4,8 +4,17 @@
     <meta charset="utf-8" />
     <title>Generator kart na social media</title>
     <style>
+      @font-face {
+        font-family: Poppins;
+        src: url(./poppins.ttf);
+      }
+
       * {
-        font-family: sans-serif;
+        font-family: 'Noto Sans', sans-serif;
+      }
+  
+      p {
+        font-family: Poppins;
       }
 
       #container.overflow {
@@ -33,9 +42,17 @@
       }
 
       #text_box {
-        background-color: white;
-        padding-top: var(--padding);
+        background-color: var(--yellow);
+        color: #fff;
+        display: grid;
+        grid-template-columns: 1fr 1fr;
       }
+
+      #text_target {
+        background-color: #000;
+      }
+
+
     </style>
   </head>
   <body
@@ -77,6 +94,7 @@ Treść komunikatu</textarea
         style="
           box-sizing: border-box;
           border: calc(var(--padding) * var(--scale)) solid var(--yellow);
+          border-top: calc(var(--padding) * var(--scale)/3) solid var(--yellow);
           display: flex;
           flex-flow: column;
           width: calc(var(--scale) * var(--width));
@@ -84,24 +102,23 @@ Treść komunikatu</textarea
         "
       >
         <div id="text_box">
+          <p
+            id="text_target"
+            style="font-size: calc(var(--scale) * 16px); padding: var(--padding);"
+          >
+            Treść komunikatu
+          </p>
           <img
             src="./logo.png"
             width="80"
             height="80"
             style="
-              float: left;
               height: calc(var(--scale) * 80px);
               width: calc(var(--scale) * 80px);
-              padding-right: var(--padding);
-              margin-top: calc(-1 * var(--padding));
+              padding-left: var(--padding);
+              justify-self: flex-end;
             "
           />
-          <p
-            id="text_target"
-            style="margin: 0; font-size: calc(var(--scale) * 16px)"
-          >
-            Treść komunikatu
-          </p>
         </div>
         <div
           id="image_box"
diff --git a/poppins.ttf b/poppins.ttf
new file mode 100644
index 0000000..da7a257
Binary files /dev/null and b/poppins.ttf differ
