fix: fixed the slant on the headersHEADmain

1 files changed, 37 insertions, 2 deletions

diff --git a/style.css b/style.css
index ec11886..c538f2f 100644
--- a/style.css
+++ b/style.css
@@ -1,21 +1,47 @@
 body {
 	background: url("img/bg.jpg");
 	color: beige;
-	--cont-margin: 15%;
+	--cont-margin: 25%;
 }
 
 #content {
 	margin: auto 4vw;
 }
 
+#content span {
+	background: green;
+}
+
 h1 {
 	text-shadow: 0.2em -0.4em #00ed60, 0.4em 0.4em #a794ff;
 }
 
-h2, h3, h4 {
+#sound::after {
+	display: block;
+	position: absolute;
+	top: 1.5em;
+	background: url("img/includes sound.png") no-repeat;
+	width: 500px;
+	height: 300px;
+	border: orange dashed;
+}
+
+h2 {
 	transform: rotate3d(1, 1, 0, -25deg);
 }
 
+h3, h4 {
+	transform: rotate3d(3, 1, 1, -10deg);
+}
+
+a {
+	color: skyblue;
+}
+
+a:visited {
+	color: orange;
+}
+
 #Introduction {
 	font-style: italic;
 	text-align: end;
@@ -74,11 +100,20 @@ path#id_12 {
 	margin-right: var(--cont-margin);
 }
 
+.left-container * {
+	transform-origin: center left;
+}
+
 .right-container {
 	text-align: end;
 	margin-left: var(--cont-margin);
 }
 
+.right-container * {
+	transform-origin: center right;
+}
+
+
 @keyframes hop{
   25% {
 	  transform: translateY(0.5em);