release SecBSD 1.5 Yatagarasu website

secbsd.css

@@ -4,7 +4,8 @@
 }
 
 body {
-  background: url(img/bg.png) no-repeat fixed black;
+  background: url(img/SecBSD-Yatagarasu.jpg) no-repeat center center fixed;
+  background-size: 100% 100%;
   color: #97fd00;
   display: flex;
   flex-direction: column;
@@ -42,13 +43,6 @@ h3 {
   color: #5852fb;
 }
 
-.year {
-  font-size: 4em;
-  margin: 0;
-  padding: 0;
-  text-align: center;
-}
-
 .title {
   display: block;
   font-weight: bold;
@@ -67,9 +61,9 @@ h3 {
 .box {
   background-color: black;
   margin: 10px auto;
-  opacity: 0.9;
+  opacity: 0.85;
   padding: 0.5em;
-  width: 800px;
+  width: 600px;
 }
 
 .team {
@@ -84,7 +78,7 @@ h3 {
   left: 100px;
   position: relative;
   top: -20px;
-  width: 600px;
+  width: 400px;
 }
 
 /* navigation */
@@ -108,16 +102,6 @@ nav .active {
   color: #5852fb;
 }
 
-/* arthome */
-
-.arthome img {
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 93%;
-  z-index: -8;
-}
-
 /* team */
 
 .item {
@@ -127,11 +111,6 @@ nav .active {
   justify-content: center;
 }
 
-.artwork img {
-  max-width: 100%;
-  height: auto;
-}
-
 .row {
   margin-bottom: 1.5rem;
 }
@@ -179,7 +158,6 @@ ul.list li::before {
 /* welcome */
 
 .welcome {
-  border-radius: 20px;
   left: 100px;
   line-height: 1.2;
   position: absolute;
@@ -214,88 +192,40 @@ dd {
   padding: 10px;
 }
 
-/* roadmap */
-
-.roadmap {
-  border: 2px solid #97fd00;
-  width: 1400px;
-}
-
-.roadmaptxt {
-  height: auto;
-  left: 150px;
-  position: relative;
-  top: -20px;
-  width: 1000px;
-}
-
-.tables {
-  margin: 1.5em;
-  position: relative;
-  top: -50px;
-}
-
-hr {
-  border: 2px solid #97fd00;
-  margin: 35px 0 35px 0;
-}
-
-table {
-  border-collapse: collapse;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-
-table caption {
-  color: #97fd00;
-  font-size: 1.5em;
-  margin: 0.5em 0 0.75em;
-}
-
-table tr {
-  padding: 0.35em;
-}
-
-table th,
-table td {
-  padding: 0.625em;
-  text-align: left;
-}
-
-table th {
-  border: 1px solid #97fd00;
-  border-left: transparent;
-  border-top-color: transparent;
-  font-size: 0.85em;
-  letter-spacing: 0.1em;
-}
-
-thead,
-tfoot {
-  color: #97fd00;
-}
-
 /* footer */
 
 .footer {
-  bottom: 20px;
-  left: 70px;
-  position: absolute;
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  padding: 10px;
+  z-index: 1000;
 }
 
 /* contact  */
 
 .contact li {
-  align-items: center;
   display: inline-block;
-  list-style-type: none;
-  margin-right: 15px;
+  position: relative;
+  top: -40px;
+  left: -23px;
+}
+
+.lsf {
+  font-size: 0.8em;
+  position: relative;
+  top: 15px;
+  text-align: center;
 }
 
 /* mobile devices */
 
 @media only screen and (max-width: 30em) {
+  body {
+  background-size: cover;
+  background-position: top left;
+  }
+
   nav {
     flex-direction: column;
   }
@@ -339,65 +269,15 @@ tfoot {
 
   .welcome {
     left: 10px;
-    top: 550px;
+    top: 435px;
   }
 
-  .arthome img {
-    display: none;
-  }
+  /* docs */
 
-  /* roadmap */
-
-  .roadmap {
-    width: auto;
-  }
-
-  .roadmaptxt {
-    left: 15px;
-    top: 15px;
-    width: auto;
-  }
-
-  /* roadmap tables */
-
-  table {
-    border: 0;
-  }
-
-  table caption {
-    font-size: 1.3em;
-  }
-
-  table thead {
-    border: none;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }
-
-  table tr {
+  .docs {
+    width: 95%;
     display: block;
-    margin-bottom: 0.625em;
-  }
-
-  table td {
-    display: block;
-    font-size: 0.8em;
-    text-align: right;
-  }
-
-  table td::before {
-    content: attr(data-label);
-    float: left;
-    font-weight: bold;
-  }
-
-  table td:last-child {
-    border-bottom: 0;
+    margin: 10px auto;
   }
 
   /* team */