From 5bab4502a098eb0e3b5a59b68bc9d8d23529ea55 Mon Sep 17 00:00:00 2001
From: Arne Rief <arne.rief@gmail.com>
Date: Fri, 10 Feb 2023 21:40:00 +0100
Subject: Desktop version

---
 sass/components/_text-container.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 sass/components/_text-container.scss

(limited to 'sass/components/_text-container.scss')

diff --git a/sass/components/_text-container.scss b/sass/components/_text-container.scss
new file mode 100644
index 0000000..0108f94
--- /dev/null
+++ b/sass/components/_text-container.scss
@@ -0,0 +1,20 @@
+@use "../abstracts" as *;
+
+.text-container {
+  background-color: $bg-text-container;
+  border-radius: $radius-text-container;
+  box-shadow: 0 2rem 3.5rem rgba(#000, 0.6);
+  padding: 3.5rem;
+  transform: skewX(-12deg);
+  width: 50%;
+
+  // margin between paragraphs but not below the last paragraph
+  & p:not(:last-child) {
+    margin-bottom: 1.5rem;
+  }
+}
+
+.text-about {
+  animation: moveInRight 2s ease-out;
+  backface-visibility: hidden;
+}
-- 
cgit v1.2.3