details page

1 files changed, 40 insertions, 9 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index c44f95b..1e53c4a 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -69,16 +69,47 @@ body {
   background: white;
 }
 
+.modal {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%;
+  height: 100%;
+  background: hsl(0, 10%, 98%);
+  transform: translate3d(100%,0,0);
+  transition: transform 400ms;
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+.modal.visible {
+  transform: translate3d(0,0,0);
+}
+
+a {
+  color: #0088ff;
+}
+
+.details {
+  padding: 20px;
+}
+h1, h2 {
+  font-size: 18px;
+  font-weight: 300;
+}
+h2 {
+  margin-top: 0;
+}
+.details .stats {
+  margin-bottom: 20px;
+}
+.details img {
+  max-width: 90%;
+  margin-bottom: 20px;
+}
+.parameters {
+  max-width: 90%;
+}
+
 @media (max-width: 700px) {
-  body {
-    font-size: 14px;
-  }
-  #logo {
-  }
-  #mobile-nav {
-    top: auto;
-    bottom: 10px; left: 10px;
-  }
   #close {
     top: 20px;
     right: 20px;