Desktop version

1 files changed, 20 insertions, 0 deletions

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;
+}