Add my style

static/css/mystyle.css

@@ -1,3 +1,49 @@
+.pagination {
+    position: relative;
+    width: 100%;
+    max-width: 100%;
+    margin: 1rem auto;
+    font-size: 1.3rem;
+    color: #9eabb3;
+    text-align: center;
+}
+
+.pagination a {
+    color: #9eabb3;
+    transition: all .2s ease;
+}
+
+.page-number {
+    display: inline-block;
+    padding: 2px 0;
+    min-width: 100px;
+}
+
+.newer-posts, .older-posts {
+    position: absolute;
+    display: inline-block;
+    padding: 0 15px;
+    border: #ddd 1px dashed;
+    text-decoration: none;
+    transition: border .3s ease;
+}
+
+.newer-posts {
+    left: 0;
+}
+
+.older-posts {
+    right: 0;
+}
+
+.site-footer {
+    padding-bottom: 20px !important;
+}
+
+.nav-current a:visited {
+    color: yellow;
+}
+
 .reading-time {
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -23,4 +69,35 @@
     -ms-flex-align: end;
     align-items: flex-end;
     padding: 0 25px 25px;
-}
+}
+
+@media (min-width: 900px) {
+    .ctsingle .post-feed {
+        margin-top: -70px;
+        padding-top: 0;    
+    } 
+    .ctsingle .site-nav {
+        position: relative;
+        top: -70px;
+    }    
+}
+
+@media (min-width: 795px) {  
+    .ctsingle .post-feed p {
+        font-size: 1.8rem;
+        line-height: 1.55em;
+    }
+}
+
+@media (max-width: 650px) {
+    .hide {
+        display: none !important;
+    }   
+    .copyright {
+        text-align: center;
+    }
+}
+
+.post-full-content pre code {
+    color: #e5eff5;
+}