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 {