diff --git a/bg.jpg b/bg.jpg
deleted file mode 100644
index 38ad503..0000000
Binary files a/bg.jpg and /dev/null differ
diff --git a/index.html b/index.html
index 3860555..08eb56f 100644
--- a/index.html
+++ b/index.html
@@ -154,7 +154,7 @@
0/0 discovered
diff --git a/style.css b/style.css
index 94d0064..950ed23 100644
--- a/style.css
+++ b/style.css
@@ -7,7 +7,6 @@ body {
button {
background-color: #fff;
border: none;
- border-radius: 40px;
}
.pop-up-container{
@@ -32,10 +31,10 @@ button {
top:30%;
left:38%;
background-color: white;
-
- display: none;
+ display: none;
+
display: flex;
-
+
flex-direction: column;
border-radius: 20px;
@@ -45,7 +44,6 @@ button {
justify-content: flex-end;
}
-
.pop-up .upper-cross button{
background-color: red;
border-radius: 50%;
@@ -99,7 +97,7 @@ button {
float: right;
overflow: auto;
min-width: 100%;
- min-height: 1000px;
+ min-height: 2000px;
text-align: left;
}
@@ -112,9 +110,6 @@ button {
max-height: 50px;
min-height: 50px;
min-width: 50px;
- /* padding: 7px;
- margin: 5px;
- display: inline-block; */
}
.ingredient {
@@ -124,24 +119,10 @@ button {
.pantrySlot {
max-width: 54px;
min-height: 105px;
- margin: 25px;
+ margin: 3px;
float: left;
text-align: center;
- color: floralwhite;
- font-size: 20px;
-
-
-}
-
-#pantrySlot1 span{
- margin-left: -15px;
-}
-
-.pantrySlot:hover{
- transform: scale(1.2);
- cursor: pointer;
- transition: 0.2s;
-
+ font-size: 10px;
}
.nav {
@@ -149,24 +130,19 @@ button {
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
- min-height: 600px;
+ min-height: 2000px;
}
#upbutton,
#downbutton {
padding-top: 15px;
min-width: 48px;
- min-height: 70px;
-
+ min-height: 105px;
}
.outer {
display: grid;
grid-gap: 0;
- background-image: url(bg.jpg);
- background-size: cover;
- background-position: top;
-
}
.lower {
@@ -189,42 +165,29 @@ button {
#homebutton,
#collectionbutton {
- margin: 7px;
font-size: 30px;
position: relative;
- border-radius: 80px;
- padding-bottom: 6px;
-}
-
-#homebutton:hover{
- transform:scale(1.2);
- border:2px solid black;
- cursor: pointer;
}
#collectionnumbers {
position: relative;
- top: -1px;
+ top: -3px;
left: 0px;
font-weight: bold;
font-size: 14px;
- color:floralwhite;
- padding-bottom: 0%;
+ background-color: rgba(255, 255, 255, .8);
}
#title {
grid-column-start: 2;
grid-column-end: 4;
text-align: center;
- color: whitesmoke;
}
#btnhint {
text-align: right;
grid-column-start: 4;
grid-column-end: 5;
- justify-self: left;
- padding-top: 9px;
}
#btncollection {