add troyito

html/troyito/index.css

@@ -0,0 +1,136 @@
+:root {
+ --nord:#1b212a;
+ --snow:#ccd2dc;
+ --one:#b8c0e0;
+ --two:#a5adcb;
+ --three:#929ab6;
+ --four:#7f87a1;
+ --five:#6c748c;
+ --six:#596177;
+ --seven:#464e62;
+ --eight:#333b4d;
+ --nine:#202838;
+ --ten:#0d1523;
+ --code:#1e2030;
+ --grey:#757575;
+}
+header,section {
+ display:block;
+}
+body {
+ font-size:16px;
+ margin:0 auto;
+ line-height:1.4;
+ background:var(--nord);
+ color:var(--two);
+ font-family:"Noto Sans", Futura, Verdana, "Liberation Sans", sans-serif;
+}
+a {
+ color:var(--two);
+ text-decoration:none;
+}
+a:hover {
+ color:var(--snow);
+ text-decoration:underline;
+}
+h1, h2, h3, h4, h5, h6 {
+ color:var(--snow);
+}
+a code {
+ box-shadow:0 -1px 0 var(--one) inset;
+}
+pre, code {
+ display:block;
+ margin:auto 0;
+ padding:5px;
+ overflow-x:auto;
+ word-break:break-all;
+ background:var(--code);
+}
+blockquote {
+ margin:15px;
+ padding:0 10px;
+ border-inline-start:3px solid var(--three);
+}
+hr {
+ background:var(--three);
+}
+::selection {
+ color:var(--nord);
+ background:var(--one);
+}
+h1 {
+ font-size:2em;
+ margin:.67em 0;
+}
+#page {
+ position:relative;
+}
+#header {
+ padding-top:30px;
+ transform:translate3d(0,0,0);
+}
+#main {
+ padding-top:30px;
+}
+#footer {
+ padding-top:30px;
+}
+.title-wrapper {
+ text-align:center;
+}
+.content {
+ margin-left:auto;
+ margin-right:auto;
+ padding:1px 20px;
+ position:relative;
+}
+.title {
+ font-size:42px;
+ line-height:1.2;
+ margin:40px 0 0;
+ word-wrap:break-word;
+}
+.title a:active {
+ transform:translateY(1px);
+}
+.title a {
+ display:block;
+ text-decoration:none;
+}
+.description {
+ color:var(--three);
+ margin:20px 0 0;
+ display:block;
+}
+.title + .description {
+ margin-top:10px !important;
+}
+.footdesc {
+ color:var(--six);
+ display:block;
+ font-size:14px;
+}
+.footdesc a {
+ color:var(--six);
+}
+.footdesc a:hover {
+ color:var(--four);
+}
+.footlink {
+ text-align:center;
+}
+.middle {
+ overflow:auto;
+ margin:auto;
+ display:inline;
+ text-align:center;
+ vertical-align:middle;
+}
+.valign {
+ vertical-align:middle;
+}
+.squarethirty {
+ height:30px;
+ width:30px;
+}