diff --git a/index.html b/index.html
index 208cb08..326659d 100644
--- a/index.html
+++ b/index.html
@@ -6,17 +6,22 @@
Bad website
-
-
On this website i host games and other stuff.
- Contact:
- Discord: Boof V2#4806
- Email: admin@boof.eu.org
- Links
- Status
- File upload/host
- Pastebin
- Donate
- Games
- Tools
-
+
+
+
+On this website i host games and other stuff.
+Contact:
+Discord: Boof V2#4806
+Email: admin@boof.eu.org
+Links
+Status
+File upload/host
+Pastebin
+Donate
+Games
+Tools
diff --git a/style.css b/style.css
index 3b248d8..fa33078 100644
--- a/style.css
+++ b/style.css
@@ -13,4 +13,53 @@
#grad {
height: 200px;
background-image: linear-gradient(cyan, blue);
+ }
+
+ @import url("https://fonts.googleapis.com/css?family=Permanent+Marker");
+ * {
+ box-sizing: border-box;
+ }
+
+ #app {
+ display: flex;
+ overflow: hidden;
+ position: relative;
+ width: 100vw;
+ height: 100vh;
+ background-image: linear-gradient(blue, cyan);
+ }
+
+ .butter-cheese-eggs {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ display: flex;
+ flex-wrap: wrap;
+ width: 300px;
+ height: 300px;
+ }
+ .butter-cheese-eggs > div {
+ flex: 0 0 auto;
+ width: 100px;
+ height: 100px;
+ }
+ .butter-cheese-eggs > div .block {
+ cursor: pointer;
+ display: table-cell;
+ width: 100px;
+ height: 100px;
+ font: bold 50px/0 "Comic Sans MS", sans-serif;
+ vertical-align: middle;
+ text-align: center;
+ }
+ .butter-cheese-eggs > div:nth-child(1), .butter-cheese-eggs > div:nth-child(2), .butter-cheese-eggs > div:nth-child(3), .butter-cheese-eggs > div:nth-child(4), .butter-cheese-eggs > div:nth-child(5), .butter-cheese-eggs > div:nth-child(6) {
+ border-bottom: 3px solid #fff;
+ }
+ .butter-cheese-eggs > div:nth-child(2), .butter-cheese-eggs > div:nth-child(5), .butter-cheese-eggs > div:nth-child(8) {
+ border-left: 3px solid #fff;
+ border-right: 3px solid #fff;
+ }
+ .butter-cheese-eggs span {
+ display: block;
}
\ No newline at end of file