diff --git a/css/layout.css b/css/layout.css
index 68cdddc..3615dc5 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -41,7 +41,6 @@ body{
}
#rechnungen{
padding: 0px;
- justify-content: space-between;
position: relative;
top: 1px;
}
@@ -52,9 +51,21 @@ body{
text-align: center;
font-size: 1.5em;
z-index: 10;
- position: relative;
+ position: fixed;
display: inline-block;
}
+#rechnung1{
+ background-color: rgb(0, 225, 255);
+ border-radius: 15px;
+ outline: 8px solid black;
+ left: 15%;
+}
+#rechnung2{
+ background-color: red;
+ border-radius: 15px;
+ outline: 8px solid black;
+ right: 15%;
+}
#rechnung1 img, #rechnung2 img {
position: absolute;
top: 50%;
diff --git a/index.html b/index.html
index b7d48f2..73192eb 100644
--- a/index.html
+++ b/index.html
@@ -12,12 +12,10 @@
-
*5
-
+5
diff --git a/js/rechnungen.js b/js/rechnungen.js
index dddc822..05ba33e 100644
--- a/js/rechnungen.js
+++ b/js/rechnungen.js
@@ -14,17 +14,17 @@ function rechnungMoven(speed){
if(nextTop > 800){
rechnungen.style.top = "1px";
rechnungenTop = 1;
- rechnungenSpawn();
+ rechnungenSpawn(100);
}else{
rechnungenTop = nextTop;
}
}
-function rechnungenSpawn(){
+function rechnungenSpawn(maxzahl){
let index = Math.floor(Math.random()*rechenzeichen.length);
- let randomZahl = Math.floor(Math.random()*20);
+ let randomZahl = Math.floor(Math.random()*maxzahl);
rechnung1Text.innerText = rechenzeichen[index] + randomZahl.toString();
index = Math.floor(Math.random()*rechenzeichen.length);
- randomZahl = Math.floor(Math.random()*20);
+ randomZahl = Math.floor(Math.random()*maxzahl);
rechnung2Text.innerText = rechenzeichen[index] + randomZahl.toString();
}
setInterval(()=>{