1 files changed, 141 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..cd70df2
--- /dev/null
+++ b/style.css
@@ -0,0 +1,141 @@
+html{
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  background:#282828;
+  font-family: "Fira Code";
+    }
+
+body {
+  background: #282828;
+  color: #EADBB2;
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+}
+
+.gif {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 500px;
+  width: 500px;
+}
+
+.gif img {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.head {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 40px;
+}
+
+/* form {
+  margin: 0px;
+  padding: 0px;
+}
+
+.search_box {
+  display: flex;
+  align-self: center;
+  border: 4px solid;
+  border-color: rgba(234, 219, 178,0.6);
+  border-radius: 10px;
+  width: 400px;
+  height: 48px;
+  margin-bottom: 40px;
+}
+
+.input_box {
+  border: none;
+  outline: none;
+  background: none;
+  width: 380px;
+  padding-top: 12px;
+
+  text-align:center;
+  font-family: "Fira Code";
+  font-size: 20px;
+  color: #EADBB2;
+} */
+
+.category {
+  display: flex;
+  flex-direction: column;
+  width: 180px;
+}
+
+.bookmark {
+  display: flex;
+  justify-content: center;
+}
+
+.bookmarks {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.title {
+  font-size: 20px;
+}
+
+li {
+  font-size: 16px;
+  list-style-type: none;
+  padding: 5px
+}
+
+a:link {
+  text-decoration: none;
+  color: #8F9191;
+}
+
+a:visited {
+  color: #668F8B;
+}
+
+a:hover {
+  color: #FA7921;
+}
+
+.blinking {
+  animation: opacity 1s ease-in-out infinite;
+  opacity: 1;
+}
+
+@keyframes opacity {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}