first commit

static/css/styles.css

@@ -0,0 +1,156 @@
+.logo
+{
+  margin-right: 10px;
+}
+
+.mail {
+  font-size: 1.5em;
+}
+
+.mastodon {
+  width: 24px;
+  position: relative;
+  top: 2px;
+}
+#menu-toggle:checked + .navbar-menu
+{
+    display: block;
+}
+
+#menu-toggle
+{
+  display: none;
+}
+
+.menu-selected
+{
+  height: 3px;
+  position: fixed;
+  margin-top:2.65em;
+}
+
+.centered-text
+{
+  text-align:center;
+}
+
+.full-width
+{
+  width:100%;
+}
+
+#service_pro li::before, #service_con li::before {
+  font-size: 1.2em;
+  font-weight: 500;
+  display: inline-block;
+  width: 1em;
+}
+
+#service_pro li::before
+{
+  content: "\2295";
+  color:#25c425;
+}
+#service_con li::before
+{
+  content: "\2296";
+  color:#FF0000;
+}
+
+#service_pro, #service_con
+{
+  margin-bottom: 1.5em;
+}
+
+
+#service_infobox tr td
+{
+  padding-left:5px;
+  padding-right:5px;
+  padding-top:2.5px;
+  padding-bottom: 2.5px;
+}
+
+.service_link{
+  font-size: 1.2em;
+  font-weight: 650;
+  margin: 0.75rem;
+}
+@media screen and (min-width: 1022px)
+{
+  #main
+  {
+    width: 50%;
+    padding-top: 25px;
+    padding-bottom: 25px;
+  }
+  #service_infobox
+  {
+    border-left: 1px solid black;
+    min-width:300px;
+  }
+
+  .columns {
+    display: flex;
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+    margin-top: -0.75rem;
+  }
+
+  .column {
+    display: block;
+    flex-basis: auto;
+    flex-grow: 1;
+    flex-shrink: 1;
+    padding: 0.75rem;
+  }
+}
+
+@media screen and (max-width: 1023px) 
+{
+  #main
+  {
+    margin-left: 5%;
+    margin-right: 5%;
+    padding-top: 25px;
+    padding-bottom: 25px;
+  }
+}
+
+p
+{
+  margin-bottom: 1.5rem;
+}
+
+li
+{
+  margin-left:4ch;
+}
+
+#legal-logo
+{
+  width: 10%;
+  height: 10%;
+  margin-left: 100px;
+}
+
+.small-caps
+{
+  font-variant: small-caps;
+}
+
+.hardware
+{
+  border:none;
+  margin-left: 4ch;
+  margin-bottom: 1.5rem;
+}
+.hardware tr td:nth-child(1)
+{
+  width: 10ch;
+}
+
+.service-logo
+{
+  min-height:150px;
+}