Initial commit

1 files changed, 132 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..dd4e69f
--- /dev/null
+++ b/style.css
@@ -0,0 +1,132 @@
+body {
+  background-color: #f0f0f0;
+  color: #0a0a0a;
+  font-family: Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 14px;
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  color: #ff685b;
+}
+
+a:visited {
+  color: #0097a4;
+}
+
+.clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.layout {
+  background-color: #ffffff;
+  margin: 0 auto;
+  width: 100%;
+  max-width: 640px;
+  min-width: 240px;
+  min-height: 100vh;
+  line-height: 1.25;
+}
+
+.header .character {
+  user-select: none;
+  width: 240px;
+}
+
+/* #region Webring */
+.webring {
+  width: 100%;
+}
+
+.webring a {
+  color: #0a0a0a;
+  text-decoration: none;
+  font-size: 9px;
+}
+
+.webring a:hover {
+  font-weight: 600;
+}
+/* #endregion */
+
+.divider {
+  margin: 0px 9px;
+}
+
+.section {
+  padding: 6px 9px;
+}
+
+.heading {
+  font-family: 'Times New Roman', Times, serif;
+  padding: 6px 0px;
+  margin: 0;
+}
+
+.text {
+  font-size: 11px;
+  padding: 6px 0px;
+  margin: 0;
+}
+
+.contacts {
+  border-collapse: collapse;
+  margin: 6px 0px;
+}
+
+.contacts .title, .contacts .contact {
+  border: 1px solid;
+  text-align: left;
+  font-size: 11px;
+  padding: 6px;
+}
+
+/* #region Buttons */
+.buttons {
+  list-style-type: none;
+  padding: 0px;
+  margin: 6px 0px;
+  text-align: center;
+}
+
+.button, .button img {
+  width: 88px;
+  height: 31px;
+  border: 0;
+}
+
+.button {
+  display: inline-block;
+}
+/* #endregion */
+
+/* #region Images */
+.irl {
+  width: 112px;
+  float: right;
+  margin: 6px;
+  border: 0;
+}
+
+.qr {
+  width: 56px;
+  height: 56px;
+  float: right;
+  margin: 6px;
+}
+
+.qr:hover {
+  width: 112px;
+  height: 112px;
+  cursor: none;
+}
+/* #endregion */
+
+.footer {
+  text-align: center;
+  font-size: 9px;
+  margin: 9px;
+}