From 40e54fae40593aebff7a3070a78012518b75c099 Mon Sep 17 00:00:00 2001
From: pbg2h23akl <kevinkliewer04@gmail.com>
Date: Thu, 4 Jul 2024 11:15:55 +0200
Subject: [PATCH] dasdwadad

---
 css/layout.css           |  32 ++++++++++++++++++++++++++++++--
 index.html               |   6 +++---
 pics/RechenBlockBlau.png | Bin 0 -> 753 bytes
 pics/RechenBlockRot.png  | Bin 0 -> 660 bytes
 4 files changed, 33 insertions(+), 5 deletions(-)
 create mode 100644 pics/RechenBlockBlau.png
 create mode 100644 pics/RechenBlockRot.png

diff --git a/css/layout.css b/css/layout.css
index ddd91c8..bdba707 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -1,5 +1,5 @@
 *{
-    color: white;
+    color: black;
     font-size: 30px;
 }
 #spielRaum{
@@ -29,4 +29,32 @@ body{
 }
 #enemy{
     position: fixed;
-}
\ No newline at end of file
+}
+.flexbox{
+    display: flex;
+    flex-direction: row;
+}
+#rechnungen{
+    padding: 25px;
+    justify-content: space-between;
+}
+#rechnung1, #rechnung2 {
+    width: 20%;
+    margin: 0 10px;
+    padding: 20px;
+    text-align: center;
+    font-size: 1.5em;
+    z-index: 10;
+    position: relative;
+    display: inline-block;
+}
+#rechnung1 img, #rechnung2 img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: -1;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
diff --git a/index.html b/index.html
index a8273a5..ffccab9 100644
--- a/index.html
+++ b/index.html
@@ -11,9 +11,9 @@
     <div id="spielRaum">
         <div id="rechnungen" class="flexbox">
 
-            <div id="rechnung1">mal-5</div>
-            <div class="mittelabstand"></div>
-            <div id="rechnung2">mal-2</div>
+            <div id="rechnung1"><img src="pics/RechenBlockRot.png" alt="">*5</div>
+            
+            <div id="rechnung2"><img src="pics/RechenBlockBlau.png" alt="">+5</div>
 
         </div>
         <div id="tom">
diff --git a/pics/RechenBlockBlau.png b/pics/RechenBlockBlau.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e9e0da97ef9b7f9fe30e27eb88d03dbe5e5bb80
GIT binary patch
literal 753
zcmV<N0uKF&P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008FNkl<ZSV!$v
zOK#Ip6g^I93pB(o2vH<b4=Pn4HB68g5f(sqzz$eRSpnSvD}W8~nJ}YNDr$v95@;C|
zVuw(mr7`EckCW6OWz<gmB+K^m{hWL5c{d4g#w$4E{3rpG43rFb2C_+xV;F`=({vKk
zNo|55fE8jmYy&fk);WC+Ooc%89<aZTxbetrxAt7@V*=6l(ItN^zb_lb)7`J1?`+IX
zlX?Wet;CwhSVk8bHc%EII9G!ximy8Wqu}JD#6MnH|2YQt{wKkBV7eCoEIhFR`m8*B
z$m9_)OAtpb3u>-ufhhQK513|U2QPu{I<UY?l?IMQU%BFOU$vSZYu~fH#rR_kENzhL
z$H28UM3-$Fl5eghbd1>l<jZT|JVEWR0Tl+Qu9^f<R73K$0}RNbn7G&k2sYq119&>-
zKEaB5&q{%T`ZG&8ulcJDbQ4zji=ec3*g+6JK-OpQ!FS7y!9Os!c>?YVEI}DC^!1>k
zD|I9iuHtyz2-Jt$Cm2{J)ee1SrjCK0r30^l-yLY5ugFNFSW5cDz%XIe>f`NJ50$AJ
z8q2`OHqg9daq2m|1hjYQn>@8T*(NJvEzl{TxZ<0uM(GiQDgplVOz+jij7(s*Zj0w7
zn?)sl&kAX0sugq6jllc9JMl>(*?_iUq5y!WAiiObRqIn~o?ET9>7z-0G_2a3h7J>P
z-M?GIi#I*Q^;*8C{^!flZhUqes}f?N1!N#UW=?dTRwFJgHzN!?pLJR&!h=o3ODp;B
z`bR$}WY0u#Yz1xRhmNm5-i1@37C0w!7i|)Yk~(qv?+R+F(Y^vIuoO<<K4D6&s_$ci
z%MU8~{C5!fNhQTAxu1-lQ$N*uOe!(y{U80#74Q8NR{+GCRsq1UYp3~?kK)rzI+m;a
jKTtAIGEg#5GVm9)-YPJcQ7ISz0000<MNUMnLSTXbb-YuI

literal 0
HcmV?d00001

diff --git a/pics/RechenBlockRot.png b/pics/RechenBlockRot.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c09e7b002cdf254ffb452e347ee768d5545832d
GIT binary patch
literal 660
zcmV;F0&D$=P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800078Nkl<ZSV!%a
z%~9(>5QN9vkxT#<1n>+5z)t`a84v<lkpY)?h9Uvm34oM<CGP0;x0;b<RIkbxii@^N
zrS<M?Pft&4VP?NPX1|=@CIXWJlLDbYd&uXQ=egB&eMsn`F|(dPJD*#%-P(esq8J05
zo_1>=A7*7~P1_o*^FbukN<Exroq5oG)BMU~mwJ2Rj({p_*Q$&|L%<P>;439`Xt(XE
z)GB~gl5QM}`FC7?&%4t*0^1=tfFz(=uY`Bf1tnr%s-?LSr{rg6NuBEJt0zaY=x^?4
zH;O$U5+H^a0OXu(BZ*<pa~Fvd8wq>v#}!|SWFhjE;u*A%_GBj~W=n}p()Bt$tb<3S
zH+0_vFk4<;nypq=D>!ExU_f|C4oMNHUtcXJNtjZ;Y2M#0`|hEp>D!g|!4c^_4?qgT
zBm>^xn+ZG(Duq3RL{a&M4r>g(5OZ%E@t-1l3?}MgY{+Z<P4DYb3kW0u0KB6zeqUVJ
z-<KDovv)^FyTt547~mMF6s=OyQdJi>H{BX-P;92@NP*-5svt3Qk!YTuExWz7O36uq
zbFt->$fgznIsoTvsr7<3g0ookiF+?RJeWN_jR^o;gsUC2QDPdvcbgQ)<y4KFgL|RT
zTBfs9$6%hm49$6x0@2FH$BsbPs+|e>8J7p2Tczg@+o<A-?0x$HP_Yclz!h9Hx!MKE
zxD(h*cLC%vG-Twl5rN@d>|N~GbJ(35V8hELZo9Z_`s>LRs@;@5hOdtZxXM5N;_pc+
uq%(Qnf*()(zXa3&1Cs)i0+Rxh0{;NTF%~e^Ui&%#0000<MNUMnLSTYBsVfx#

literal 0
HcmV?d00001