diff --git a/404.html b/404.html
new file mode 100644
index 0000000..f8414f0
--- /dev/null
+++ b/404.html
@@ -0,0 +1,3 @@
+
+404 Not Found
+404 Not Found
diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000..6956bfe
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+coinguy.io
\ No newline at end of file
diff --git a/KEY.txt b/KEY.txt
new file mode 100644
index 0000000..fa67891
--- /dev/null
+++ b/KEY.txt
@@ -0,0 +1,52 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+mQINBF60pKMBEACoS8qn6VtTYsncqbd8TgS0LQ96KGeFWE6uRnpvGaBBMOspl+/P
+wBWlVgZK76FBdzHhMXVXIvm0XG4kQEvWD281lxKOEwd6XKc9tP+Gr7GH5xRHhE9s
+Bgvlt52DS4cvYGl1K5aeDN8/klVwgNxCn8bUnxQjPkIbIacNS/MFWEX+WFUNG9Bj
+9tav89rmI59gkn8euIZxWv/WiXhiU9+hy7atsO5hsiNpZppwTUPrM9Hdo0povEHR
+aKL7jrz5k73JrqoZM+yA7OS+Qlb5GXVM9XF+2lijwY6NSmmwZZkj2HDRpXBHpC7f
+AqBwaRztVk49WlXSGQKBSiQS8/r5Zzigd2jWqlh77qVw1+muNeATp/F/HJLAatKe
+h/V6oAo4fSznI7rCJQIeDsnTeo4PAS64tGHyLJxwVXmUsx715vFPRlMsDKtfGZrj
+Z/tXTGR6k+uYnqhPjZlmrQ2UgO2jjnxAlH1AZQFlXKtH9kjm/4qw+i1fy6TQzEf7
++YqnQEMwsEi8jTmBsxZIA/6tY7fucnsY7mR8JKVWSl+w7q8GXCjPscGAspPh+4+J
+GiyoHlRhcUxpoS6hc69rF6+DYuKcE8202bCLGlycbUBK2tKC1FNlwjJyCan2fOtn
+hE2rQ/L3DfCRMdvUHVB5u2wxkDtOAiKXAK1Qb4JY0qstO0sy4/7qFsYFKQARAQAB
+tCVCcmlhbiBMaW90dGkgPGJsaW90dGlAcHJvdG9ubWFpbC5jb20+iQJUBBMBCAA+
+AhsDBQsJCAcCBhUKCQgLAgQWAgMBAh4BAheAFiEEle5g5ZkqgxVivtqmdUaYZxZ/
++58FAmLK1PgFCQX3Y9UACgkQdUaYZxZ/+5/a+A//UiSfqkajPlKLZwrAdbUwZlEB
+S/ifXd4HmrboPxOHWeKl7kEc12az6UahGODLpHT5475BKjmcdqR6LDzn1/tpM7dv
+pXx8092vKnYj5nhnSSdAERyyuFD5g62xZaLec8jxOwUvWIZ4eP2d22SurZ0wqUSl
+lp7EZQi1kohPL2n9JZvNBETfQmosspiDeo/uBSgU5hxsbC7baz9YmpKHkaWRn6V7
+eNEdFqLwyxALLYNje08P6Jek6KsKfjKc7h5I6zu2Sx4g+ckMEdeySRPdmYaw2kjc
+t0g2M5tWeESK0eQL+R9g+2JQloOW1sZu+1u+S9x3zgMZ4a9v4Ta7kKMuAPIPWK1G
+N3ls6O+1l3QWIDVTykujzhQAmCMbHU+ebznOpbePTgj60wJ8EqkDEABdQIAG5UO1
+RCX1FZ5gJL36/8y+tmIZhsyXn5Jv5b7iyGmsphaP7EW6IH90lkDFV/w1IQb5Fa44
+jaTLnXUbWxof1C52J7B24MvjA2j9nqSU0pDK0WVMA1QOW0l2mqySDglfxtdQOEPo
+gmZ2wg/8vTN6zWq0MTAZKMzSaarVWe07yGR7jgzyGIkXk+CE8uEpggPpD5tA8VU6
+Ct0Ff+0RB9qdFseFIeMb9yKJXD4IDXf6400xaU9SjHgTrzQcwrY3u5vpdSFUBdnU
+u22etQy1msnrFJPUOVi5Ag0EXrSkowEQAORIGNik8m2/A/TG3FhO5eRDp3PH55cM
+jpoOBx6mA/yeZ5P9VrwYHVzkA619d9Pq77OGm/SFyijp6S67Ia/RkYV/dtsAS2gj
+eXydP9ciTcj9kUDJIy0e50lE0hsjimNU5mypBu2wQAsiJ/D2EeTQey21upRRMaWs
+b79jBfD3OjxfYAzhdlj+ldGOOlfOIBsbMGX3TjO+9G+ofn5yOZzcb13k4JxmpXjb
+WrBaDZjMsHRsYLNl4qnM4SC0Fcs1YWkgVaeI1mipTjCOCGkanmrc1KxvVY4/HzQt
+NZfaXrw95cM1qjaAf86x5M6qgJRv22n6Bzys7EjV4KbHzNC93+gu6YnpwWnRVTV2
+aqkJukDurTQpcv7j2Tb5+pV2cVRqMd7DLt9rFIg0O8fOYMrDYIX3pg4+xvgABJFA
+6C5EPmi+o+Qd/wR/6mNmBLCUn8JdVmUhkGbkiLYgthqtSfj1Ug0348OFAxcTCr29
+DnzeU7+JChGlfGTN5JA08EhqkSjgnDn633v6TYePyGLsQXL06cFv/sTFi+U2wijY
+oAbmUgwaRZvSky0nCaEVWuDB5a8zwg2qcqqLYFksFMDTVN2QcoSimcW+jaNbhxus
+So/xBIS+ULYGnk0SRZlAyGPu8aDihQy2ZTcberzHFLz8fi/INMoPXNSL4LnLUtMg
+jUjVCShg9quNABEBAAGJAjYEGAEIACAWIQSV7mDlmSqDFWK+2qZ1RphnFn/7nwUC
+XrSkowIbDAAKCRB1RphnFn/7n7QpD/9JwsO+xgUGd93D9xr1HwOhrszy9I5HSWrj
+WEYH0hls+/Xdy/tltmT3I9CJEnEaYII1KFMWGgQ1S9PcTMKVB4DRJqJeTobbBopk
+KquuM7q3jq4oU/62t+Zyee4EPrvxx2uuECwucPlW8jfhi8H72qKuESlBE0AjM2My
+aZ6e2XsFoA41aXH0XcVzVok8wYyjOhLZz6oqvThOerDRGs2Gh8FhBDJgaEEOxJVF
+geetma40B734JIRyvd5i2xFCjacX8caVy5HpirGWW5GYnZsWD9y2ERaL6gI0fc5Z
+zwjizUB2PfQfHKOngWdi50l4k/+onlXqJzTUPjatognp/7zB701D34dLXBk/7LJl
+g0rm4ayUk6QtwbcFew8K0ZbRKE8/Gt6+fgukxo7SeW/0NL9F9LrXVVPIu88hMgKk
+3lRE38sGwxpqsgGoxcWLy2pCb/uYEfivdiBrTQjcvAl02JDilvUXFH7xvJxqb8gz
+vFB+qNFZCmnlxKM5LFhzsiG01pvoZKD7RKg3NN7rls0WWV/HJJ2zfH/d38PH4Ayr
+pzFgj8LgZ58N0F32mfAZXKgM0btHc5zAUQjCpgR0fbzOGMKYltMBFDnK1wq+uSuH
+djMWd4DXWH90IQ8PGM57hksqgx8Hxi3gc2XC8ExC/PSZqZEG+DIE+/BSIFmzJ0V+
+TaeWeO2kGg==
+=iQ13
+-----END PGP PUBLIC KEY BLOCK-----
\ No newline at end of file
diff --git a/about/index.html b/about/index.html
new file mode 100644
index 0000000..c0489a3
--- /dev/null
+++ b/about/index.html
@@ -0,0 +1,127 @@
+
+
+
+ bliotti
+
+
+ home
+
+
+ |
+ bitcoin
+ |
+ dotfiles
+ copy install command
+ About Me
+
+lorem ipsum dolor sit amet
+
+
+lorem ipsum dolor sit amet
+
+
+lorem ipsum dolor sit amet
+
+About Site
+
+lorem ipsum dolor sit amet here lorem ipsum dolor sit amet
+
+
+ home
+
+
+ |
+ bitcoin
+ |
+ dotfiles
+ copy install command
+
+
+
+
+
+
+
diff --git a/bitcoin/index.html b/bitcoin/index.html
new file mode 100644
index 0000000..483bc0c
--- /dev/null
+++ b/bitcoin/index.html
@@ -0,0 +1,132 @@
+
+
+
+ bliotti
+
+
+ home
+
+
+ |
+ bitcoin
+ |
+ dotfiles
+ copy install command
+
+Links
+
+chaincode bitcoin protocol development
+
+Podcasts
+
+bitcoin.review
+
+
+
+ home
+
+
+ |
+ bitcoin
+ |
+ dotfiles
+ copy install command
+
+
+
+
+
+
+
diff --git a/bookmarks.txt b/bookmarks.txt
new file mode 100644
index 0000000..e87af61
--- /dev/null
+++ b/bookmarks.txt
@@ -0,0 +1 @@
+http://project.cyberpunk.ru/lib/in_the_beginning_was_the_command_line/
\ No newline at end of file
diff --git a/bookshelf/index.html b/bookshelf/index.html
new file mode 100644
index 0000000..ce74b76
--- /dev/null
+++ b/bookshelf/index.html
@@ -0,0 +1,130 @@
+
+
+
+ bliotti
+
+
+ home
+
+
+ |
+ bitcoin
+ |
+ dotfiles
+ copy install command
+
+
+Bookshelf
+I enjoy looking at what people are reading so this page is supposed to be a virtual emulation of browsing the bookshelf of a friend.
+Since I read a lot of PDFs or listen to audio books this virtual bookshelf can display these as well.
+At one glance I can see and remember some of the stuff I read about.
+
+
+
+
+
+ home
+
+
+ |
+ bitcoin
+ |
+ dotfiles
+ copy install command
+
+
+
+
+
+
+
diff --git a/bookshelf/three-body-problem/index.html b/bookshelf/three-body-problem/index.html
new file mode 100644
index 0000000..7582a8c
--- /dev/null
+++ b/bookshelf/three-body-problem/index.html
@@ -0,0 +1,131 @@
+
+
+
+ bliotti
+
+
+ home
+
+
+ |
+ bitcoin
+ |
+ dotfiles
+ copy install command
+
+
+
+
The Three-Body Problem by Cixin Liu
+
+Aliens and stuff but hyper realistic
+Long time frmes
+Invisible enemy
+Graspable physics
+
+
+
+
+
+
+
+ home
+
+
+ |
+ bitcoin
+ |
+ dotfiles
+ copy install command
+
+
+
+
+
+
+
diff --git a/bookshelf/three-body-problem/three-body-problem.jpeg b/bookshelf/three-body-problem/three-body-problem.jpeg
new file mode 100755
index 0000000..2b87e35
Binary files /dev/null and b/bookshelf/three-body-problem/three-body-problem.jpeg differ
diff --git a/css/gry.min.css b/css/gry.min.css
new file mode 100644
index 0000000..ab39c18
--- /dev/null
+++ b/css/gry.min.css
@@ -0,0 +1,5298 @@
+.a0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+.t0 {
+ top: 0;
+}
+.r0 {
+ right: 0;
+}
+.b0 {
+ bottom: 0;
+}
+.l0 {
+ left: 0;
+}
+.t1 {
+ top: 1em;
+}
+.r1 {
+ right: 1em;
+}
+.b1 {
+ bottom: 1em;
+}
+.l1 {
+ left: 1em;
+}
+.t2 {
+ top: 2em;
+}
+.r2 {
+ right: 2em;
+}
+.b2 {
+ bottom: 2em;
+}
+.l2 {
+ left: 2em;
+}
+.t-1 {
+ top: -1em;
+}
+.r-1 {
+ right: -1em;
+}
+.b-1 {
+ bottom: -1em;
+}
+.l-1 {
+ left: -1em;
+}
+.t-2 {
+ top: -2em;
+}
+.r-2 {
+ right: -2em;
+}
+.b-2 {
+ bottom: -2em;
+}
+.l-2 {
+ left: -2em;
+}
+@media screen and (max-width: 30em) {
+ .a0-s {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+ .t0-s {
+ top: 0;
+ }
+ .r0-s {
+ right: 0;
+ }
+ .b0-s {
+ bottom: 0;
+ }
+ .l0-s {
+ left: 0;
+ }
+ .t1-s {
+ top: 1em;
+ }
+ .r1-s {
+ right: 1em;
+ }
+ .b1-s {
+ bottom: 1em;
+ }
+ .l1-s {
+ left: 1em;
+ }
+ .t2-s {
+ top: 2em;
+ }
+ .r2-s {
+ right: 2em;
+ }
+ .b2-s {
+ bottom: 2em;
+ }
+ .l2-s {
+ left: 2em;
+ }
+ .t-1-s {
+ top: -1em;
+ }
+ .r-1-s {
+ right: -1em;
+ }
+ .b-1-s {
+ bottom: -1em;
+ }
+ .l-1-s {
+ left: -1em;
+ }
+ .t-2-s {
+ top: -2em;
+ }
+ .r-2-s {
+ right: -2em;
+ }
+ .b-2-s {
+ bottom: -2em;
+ }
+ .l-2-s {
+ left: -2em;
+ }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .a0-m {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+ .t0-m {
+ top: 0;
+ }
+ .r0-m {
+ right: 0;
+ }
+ .b0-m {
+ bottom: 0;
+ }
+ .l0-m {
+ left: 0;
+ }
+ .t1-m {
+ top: 1em;
+ }
+ .r1-m {
+ right: 1em;
+ }
+ .b1-m {
+ bottom: 1em;
+ }
+ .l1-m {
+ left: 1em;
+ }
+ .t2-m {
+ top: 2em;
+ }
+ .r2-m {
+ right: 2em;
+ }
+ .b2-m {
+ bottom: 2em;
+ }
+ .l2-m {
+ left: 2em;
+ }
+ .t-1-m {
+ top: -1em;
+ }
+ .r-1-m {
+ right: -1em;
+ }
+ .b-1-m {
+ bottom: -1em;
+ }
+ .l-1-m {
+ left: -1em;
+ }
+ .t-2-m {
+ top: -2em;
+ }
+ .r-2-m {
+ right: -2em;
+ }
+ .b-2-m {
+ bottom: -2em;
+ }
+ .l-2-m {
+ left: -2em;
+ }
+}
+@media screen and (min-width: 60em) {
+ .a0-l {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+ .t0-l {
+ top: 0;
+ }
+ .r0-l {
+ right: 0;
+ }
+ .b0-l {
+ bottom: 0;
+ }
+ .l0-l {
+ left: 0;
+ }
+ .t1-l {
+ top: 1em;
+ }
+ .r1-l {
+ right: 1em;
+ }
+ .b1-l {
+ bottom: 1em;
+ }
+ .l1-l {
+ left: 1em;
+ }
+ .t2-l {
+ top: 2em;
+ }
+ .r2-l {
+ right: 2em;
+ }
+ .b2-l {
+ bottom: 2em;
+ }
+ .l2-l {
+ left: 2em;
+ }
+ .t-1-l {
+ top: -1em;
+ }
+ .r-1-l {
+ right: -1em;
+ }
+ .b-1-l {
+ bottom: -1em;
+ }
+ .l-1-l {
+ left: -1em;
+ }
+ .t-2-l {
+ top: -2em;
+ }
+ .r-2-l {
+ right: -2em;
+ }
+ .b-2-l {
+ bottom: -2em;
+ }
+ .l-2-l {
+ left: -2em;
+ }
+}
+.cl-black {
+ color: #000000;
+}
+.cl-near-black {
+ color: #171717;
+}
+.cl-grey-800 {
+ color: #2e2e2e;
+}
+.cl-grey-700 {
+ color: #454545;
+}
+.cl-grey-600 {
+ color: #5c5c5c;
+}
+.cl-grey-500 {
+ color: #737373;
+}
+.cl-grey-400 {
+ color: #8c8c8c;
+}
+.cl-grey-300 {
+ color: #a3a3a3;
+}
+.cl-grey-200 {
+ color: #bababa;
+}
+.cl-grey-100 {
+ color: #d1d1d1;
+}
+.cl-near-white {
+ color: #e8e8e8;
+}
+.cl-white {
+ color: #ffffff;
+}
+progress.white::-webkit-progress-value,
+meter.white::-webkit-meter-optimum-value,
+progress.bg-white::-webkit-progress-bar,
+meter.bg-white::-webkit-meter-bar {
+ background-color: #fefefe;
+}
+progress.black::-webkit-progress-value,
+meter.black::-webkit-meter-optimum-value,
+progress.bg-black::-webkit-progress-bar,
+meter.bg-black::-webkit-meter-bar {
+ background-color: #202020;
+}
+.bg-black {
+ background-color: #000000;
+}
+.bg-near-black {
+ background-color: #171717;
+}
+.bg-grey-800 {
+ background-color: #2e2e2e;
+}
+.bg-grey-700 {
+ background-color: #454545;
+}
+.bg-grey-600 {
+ background-color: #5c5c5c;
+}
+.bg-grey-500 {
+ background-color: #737373;
+}
+.bg-grey-400 {
+ background-color: #8c8c8c;
+}
+.bg-grey-300 {
+ background-color: #a3a3a3;
+}
+.bg-grey-200 {
+ background-color: #bababa;
+}
+.bg-grey-100 {
+ background-color: #d1d1d1;
+}
+.bg-near-white {
+ background-color: #e8e8e8;
+}
+.bg-white {
+ background-color: #ffffff;
+}
+.bg-trns {
+ background-color: transparent !important;
+}
+.br-black {
+ border-color: #000 !important;
+}
+.br-near-black {
+ border-color: #111 !important;
+}
+.br-grey-800 {
+ border-color: #222 !important;
+}
+.br-grey-700 {
+ border-color: #333 !important;
+}
+.br-grey-600 {
+ border-color: #444 !important;
+}
+.br-grey-500 {
+ border-color: #555 !important;
+}
+.br-grey-400 {
+ border-color: #666 !important;
+}
+.b4-grey-300 {
+ border-color: #777 !important;
+}
+.br-grey-200 {
+ border-color: #888 !important;
+}
+.br-grey-100 {
+ border-color: #999 !important;
+}
+.br-near-white {
+ border-color: #aaa !important;
+}
+.br-white {
+ border-color: #bbb !important;
+}
+.bg-center {
+ background-position: center;
+}
+.bg-top {
+ background-position: top;
+}
+.bg-right {
+ background-position: right;
+}
+.bg-bottom {
+ background-position: bottom;
+}
+.bg-left {
+ background-position: left;
+}
+.cover {
+ background-size: cover !important;
+}
+.contain {
+ background-size: contain !important;
+}
+.bg-no-repeat {
+ background-repeat: no-repeat;
+}
+.bg-repeat {
+ background-repeat: repeat;
+}
+.bg-repeat-x {
+ background-repeat: repeat-x;
+}
+.bg-repeat-y {
+ background-repeat: repeat-y;
+}
+@media screen and (max-width: 30em) {
+ .bg-center-s {
+ background-position: center;
+ }
+ .bg-top-s {
+ background-position: top;
+ }
+ .bg-right-s {
+ background-position: right;
+ }
+ .bg-bottom-s {
+ background-position: bottom;
+ }
+ .bg-left-s {
+ background-position: left;
+ }
+ .cover-s {
+ background-size: cover !important;
+ }
+ .contain-s {
+ background-size: contain !important;
+ }
+ .bg-no-repeat-s {
+ background-repeat: no-repeat;
+ }
+ .bg-repeat-s {
+ background-repeat: repeat;
+ }
+ .bg-repeat-x-s {
+ background-repeat: repeat-x;
+ }
+ .bg-repeat-y-s {
+ background-repeat: repeat-y;
+ }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .bg-center-m {
+ background-position: center;
+ }
+ .bg-top-m {
+ background-position: top;
+ }
+ .bg-right-m {
+ background-position: right;
+ }
+ .bg-bottom-m {
+ background-position: bottom;
+ }
+ .bg-left-m {
+ background-position: left;
+ }
+ .cover-m {
+ background-size: cover !important;
+ }
+ .contain-m {
+ background-size: contain !important;
+ }
+ .bg-no-repeat-m {
+ background-repeat: no-repeat;
+ }
+ .bg-repeat-m {
+ background-repeat: repeat;
+ }
+ .bg-repeat-x-m {
+ background-repeat: repeat-x;
+ }
+ .bg-repeat-y-m {
+ background-repeat: repeat-y;
+ }
+}
+@media screen and (min-width: 60em) {
+ .bg-center-l {
+ background-position: center;
+ }
+ .bg-top-l {
+ background-position: top;
+ }
+ .bg-right-l {
+ background-position: right;
+ }
+ .bg-bottom-l {
+ background-position: bottom;
+ }
+ .bg-left-l {
+ background-position: left;
+ }
+ .cover-l {
+ background-size: cover !important;
+ }
+ .contain-l {
+ background-size: contain !important;
+ }
+ .bg-no-repeat-l {
+ background-repeat: no-repeat;
+ }
+ .bg-repeat-l {
+ background-repeat: repeat;
+ }
+ .bg-repeat-x-l {
+ background-repeat: repeat-x;
+ }
+ .bg-repeat-y-l {
+ background-repeat: repeat-y;
+ }
+}
+.row {
+ width: 100%;
+ overflow: auto;
+}
+.c1,
+.c2,
+.c3,
+.c4,
+.c5,
+.c6,
+.c7,
+.c8,
+.c9,
+.ca,
+.cb,
+.cc {
+ float: left;
+ width: 100%;
+}
+.c12 {
+ width: 100%;
+}
+.c11 {
+ width: 91.66%;
+}
+.c10 {
+ width: 83.33%;
+}
+.c9 {
+ width: 75%;
+}
+.c8 {
+ width: 66.66%;
+}
+.c7 {
+ width: 58.33%;
+}
+.c6 {
+ width: 50%;
+}
+.c5 {
+ width: 41.66%;
+}
+.c4 {
+ width: 33.33%;
+}
+.c3 {
+ width: 25%;
+}
+.c2 {
+ width: 16.66%;
+}
+.c1 {
+ width: 8.33%;
+}
+.grid {
+ display: grid;
+}
+.i-grid {
+ display: inline-grid;
+}
+.s-grid {
+ display: subgrid;
+}
+.grid-c-0 {
+ grid-column-gap: 0;
+}
+.grid-c-1 {
+ grid-column-gap: 0.25em;
+}
+.grid-c-2 {
+ grid-column-gap: 0.5em;
+}
+.grid-c-3 {
+ grid-column-gap: 1em;
+}
+.grid-c-4 {
+ grid-column-gap: 2em;
+}
+.grid-c-5 {
+ grid-column-gap: 4em;
+}
+.grid-c-6 {
+ grid-column-gap: 8em;
+}
+.grid-c-7 {
+ grid-column-gap: 16em;
+}
+.grid-r-0 {
+ grid-row-gap: 0;
+}
+.grid-r-1 {
+ grid-row-gap: 0.25em;
+}
+.grid-r-2 {
+ grid-row-gap: 0.5em;
+}
+.grid-r-3 {
+ grid-row-gap: 1em;
+}
+.grid-r-4 {
+ grid-row-gap: 2em;
+}
+.grid-r-5 {
+ grid-row-gap: 4em;
+}
+.grid-r-6 {
+ grid-row-gap: 8em;
+}
+.grid-r-7 {
+ grid-row-gap: 16em;
+}
+.grid-g-0 {
+ grid-gap: 0 0;
+}
+.grid-g-1 {
+ grid-gap: 0.25em 0.25em;
+}
+.grid-g-2 {
+ grid-gap: 0.5em 0.5em;
+}
+.grid-g-3 {
+ grid-gap: 1em 1em;
+}
+.grid-g-4 {
+ grid-gap: 2em 2em;
+}
+.grid-g-5 {
+ grid-gap: 4em 4em;
+}
+.grid-g-6 {
+ grid-gap: 8em 8em;
+}
+.grid-g-7 {
+ grid-gap: 16em 16em;
+}
+@media screen and (max-width: 30em) {
+ .c12-s {
+ width: 100%;
+ }
+ .c11-s {
+ width: 91.66%;
+ }
+ .c10-s {
+ width: 83.33%;
+ }
+ .c9-s {
+ width: 75%;
+ }
+ .c8-s {
+ width: 66.66%;
+ }
+ .c7-s {
+ width: 58.33%;
+ }
+ .c6-s {
+ width: 50%;
+ }
+ .c5-s {
+ width: 41.66%;
+ }
+ .c4-s {
+ width: 33.33%;
+ }
+ .c3-s {
+ width: 25%;
+ }
+ .c2-s {
+ width: 16.66%;
+ }
+ .c1-s {
+ width: 8.33%;
+ }
+ .grid-s {
+ display: grid;
+ }
+ .i-grid-s {
+ display: inline-grid;
+ }
+ .s-grid-s {
+ display: subgrid;
+ }
+ .grid-c-0-s {
+ grid-column-gap: 0;
+ }
+ .grid-c-1-s {
+ grid-column-gap: 0.25em;
+ }
+ .grid-c-2-s {
+ grid-column-gap: 0.5em;
+ }
+ .grid-c-3-s {
+ grid-column-gap: 1em;
+ }
+ .grid-c-4-s {
+ grid-column-gap: 2em;
+ }
+ .grid-c-5-s {
+ grid-column-gap: 4em;
+ }
+ .grid-c-6-s {
+ grid-column-gap: 8em;
+ }
+ .grid-c-7-s {
+ grid-column-gap: 16em;
+ }
+ .grid-r-0-s {
+ grid-row-gap: 0;
+ }
+ .grid-r-1-s {
+ grid-row-gap: 0.25em;
+ }
+ .grid-r-2-s {
+ grid-row-gap: 0.5em;
+ }
+ .grid-r-3-s {
+ grid-row-gap: 1em;
+ }
+ .grid-r-4-s {
+ grid-row-gap: 2em;
+ }
+ .grid-r-5-s {
+ grid-row-gap: 4em;
+ }
+ .grid-r-6-s {
+ grid-row-gap: 8em;
+ }
+ .grid-r-7-s {
+ grid-row-gap: 16em;
+ }
+ .grid-g-0-s {
+ grid-gap: 0 0;
+ }
+ .grid-g-1-s {
+ grid-gap: 0.25em 0.25em;
+ }
+ .grid-g-2-s {
+ grid-gap: 0.5em 0.5em;
+ }
+ .grid-g-3-s {
+ grid-gap: 1em 1em;
+ }
+ .grid-g-4-s {
+ grid-gap: 2em 2em;
+ }
+ .grid-g-5-s {
+ grid-gap: 4em 4em;
+ }
+ .grid-g-6-s {
+ grid-gap: 8em 8em;
+ }
+ .grid-g-7-s {
+ grid-gap: 16em 16em;
+ }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .c12-m {
+ width: 100%;
+ }
+ .c11-m {
+ width: 91.66%;
+ }
+ .c10-m {
+ width: 83.33%;
+ }
+ .c9-m {
+ width: 75%;
+ }
+ .c8-m {
+ width: 66.66%;
+ }
+ .c7-m {
+ width: 58.33%;
+ }
+ .c6-m {
+ width: 50%;
+ }
+ .c5-m {
+ width: 41.66%;
+ }
+ .c4-m {
+ width: 33.33%;
+ }
+ .c3-m {
+ width: 25%;
+ }
+ .c2-m {
+ width: 16.66%;
+ }
+ .c1-m {
+ width: 8.33%;
+ }
+ .grid-m {
+ display: grid;
+ }
+ .i-grid-m {
+ display: inline-grid;
+ }
+ .s-grid-m {
+ display: subgrid;
+ }
+ .grid-c-0-m {
+ grid-column-gap: 0;
+ }
+ .grid-c-1-m {
+ grid-column-gap: 0.25em;
+ }
+ .grid-c-2-m {
+ grid-column-gap: 0.5em;
+ }
+ .grid-c-3-m {
+ grid-column-gap: 1em;
+ }
+ .grid-c-4-m {
+ grid-column-gap: 2em;
+ }
+ .grid-c-5-m {
+ grid-column-gap: 4em;
+ }
+ .grid-c-6-m {
+ grid-column-gap: 8em;
+ }
+ .grid-c-7-m {
+ grid-column-gap: 16em;
+ }
+ .grid-r-0-m {
+ grid-row-gap: 0;
+ }
+ .grid-r-1-m {
+ grid-row-gap: 0.25em;
+ }
+ .grid-r-2-m {
+ grid-row-gap: 0.5em;
+ }
+ .grid-r-3-m {
+ grid-row-gap: 1em;
+ }
+ .grid-r-4-m {
+ grid-row-gap: 2em;
+ }
+ .grid-r-5-m {
+ grid-row-gap: 4em;
+ }
+ .grid-r-6-m {
+ grid-row-gap: 8em;
+ }
+ .grid-r-7-m {
+ grid-row-gap: 16em;
+ }
+ .grid-g-0-m {
+ grid-gap: 0 0;
+ }
+ .grid-g-1-m {
+ grid-gap: 0.25em 0.25em;
+ }
+ .grid-g-2-m {
+ grid-gap: 0.5em 0.5em;
+ }
+ .grid-g-3-m {
+ grid-gap: 1em 1em;
+ }
+ .grid-g-4-m {
+ grid-gap: 2em 2em;
+ }
+ .grid-g-5-m {
+ grid-gap: 4em 4em;
+ }
+ .grid-g-6-m {
+ grid-gap: 8em 8em;
+ }
+ .grid-g-7-m {
+ grid-gap: 16em 16em;
+ }
+}
+@media screen and (min-width: 60em) {
+ .c12-l {
+ width: 100%;
+ }
+ .c11-l {
+ width: 91.66%;
+ }
+ .c10-l {
+ width: 83.33%;
+ }
+ .c9-l {
+ width: 75%;
+ }
+ .c8-l {
+ width: 66.66%;
+ }
+ .c7-l {
+ width: 58.33%;
+ }
+ .c6-l {
+ width: 50%;
+ }
+ .c5-l {
+ width: 41.66%;
+ }
+ .c4-l {
+ width: 33.33%;
+ }
+ .c3-l {
+ width: 25%;
+ }
+ .c2-l {
+ width: 16.66%;
+ }
+ .c1-l {
+ width: 8.33%;
+ }
+ .grid-l {
+ display: grid;
+ }
+ .i-grid-l {
+ display: inline-grid;
+ }
+ .s-grid-l {
+ display: subgrid;
+ }
+ .grid-c-0-l {
+ grid-column-gap: 0;
+ }
+ .grid-c-1-l {
+ grid-column-gap: 0.25em;
+ }
+ .grid-c-2-l {
+ grid-column-gap: 0.5em;
+ }
+ .grid-c-3-l {
+ grid-column-gap: 1em;
+ }
+ .grid-c-4-l {
+ grid-column-gap: 2em;
+ }
+ .grid-c-5-l {
+ grid-column-gap: 4em;
+ }
+ .grid-c-6-l {
+ grid-column-gap: 8em;
+ }
+ .grid-c-7-l {
+ grid-column-gap: 16em;
+ }
+ .grid-r-0-l {
+ grid-row-gap: 0;
+ }
+ .grid-r-1-l {
+ grid-row-gap: 0.25em;
+ }
+ .grid-r-2-l {
+ grid-row-gap: 0.5em;
+ }
+ .grid-r-3-l {
+ grid-row-gap: 1em;
+ }
+ .grid-r-4-l {
+ grid-row-gap: 2em;
+ }
+ .grid-r-5-l {
+ grid-row-gap: 4em;
+ }
+ .grid-r-6-l {
+ grid-row-gap: 8em;
+ }
+ .grid-r-7-l {
+ grid-row-gap: 16em;
+ }
+ .grid-g-0-l {
+ grid-gap: 0 0;
+ }
+ .grid-g-1-l {
+ grid-gap: 0.25em 0.25em;
+ }
+ .grid-g-2-l {
+ grid-gap: 0.5em 0.5em;
+ }
+ .grid-g-3-l {
+ grid-gap: 1em 1em;
+ }
+ .grid-g-4-l {
+ grid-gap: 2em 2em;
+ }
+ .grid-g-5-l {
+ grid-gap: 4em 4em;
+ }
+ .grid-g-6-l {
+ grid-gap: 8em 8em;
+ }
+ .grid-g-7-l {
+ grid-gap: 16em 16em;
+ }
+}
+.ha {
+ height: auto;
+}
+.hf {
+ height: 100%;
+}
+.sh1 {
+ height: 0.25em;
+}
+.sh2 {
+ height: 0.5em;
+}
+.sh3 {
+ height: 1em;
+}
+.sh4 {
+ height: 2em;
+}
+.sh5 {
+ height: 4em;
+}
+.sh6 {
+ height: 8em;
+}
+.sh7 {
+ height: 16em;
+}
+.h1 {
+ height: 10%;
+}
+.h2 {
+ height: 20%;
+}
+.h3 {
+ height: 30%;
+}
+.h4 {
+ height: 40%;
+}
+.h5 {
+ height: 50%;
+}
+.h6 {
+ height: 60%;
+}
+.h7 {
+ height: 70%;
+}
+.h8 {
+ height: 80%;
+}
+.h9 {
+ height: 90%;
+}
+.vh1 {
+ height: 10vh;
+}
+.vh2 {
+ height: 20vh;
+}
+.vh3 {
+ height: 30vh;
+}
+.vh4 {
+ height: 40vh;
+}
+.vh5 {
+ height: 50vh;
+}
+.vh6 {
+ height: 60vh;
+}
+.vh7 {
+ height: 70vh;
+}
+.vh8 {
+ height: 80vh;
+}
+.vh9 {
+ height: 90vh;
+}
+.vhf {
+ height: 100vh;
+}
+.min-h1 {
+ min-height: 10%;
+}
+.min-h2 {
+ min-height: 20%;
+}
+.min-h3 {
+ min-height: 30%;
+}
+.min-h4 {
+ min-height: 40%;
+}
+.min-h5 {
+ min-height: 50%;
+}
+.min-h6 {
+ min-height: 60%;
+}
+.min-h7 {
+ min-height: 70%;
+}
+.min-h8 {
+ min-height: 80%;
+}
+.min-h9 {
+ min-height: 90%;
+}
+.max-h1 {
+ max-height: 10%;
+}
+.max-h2 {
+ max-height: 20%;
+}
+.max-h3 {
+ max-height: 30%;
+}
+.max-h4 {
+ max-height: 40%;
+}
+.max-h5 {
+ max-height: 50%;
+}
+.max-h6 {
+ max-height: 60%;
+}
+.max-h7 {
+ max-height: 70%;
+}
+.max-h8 {
+ max-height: 80%;
+}
+.max-h9 {
+ max-height: 90%;
+}
+@media screen and (max-width: 30em) {
+ .ha-s {
+ height: auto;
+ }
+ .hf-s {
+ height: 100%;
+ }
+ .sh1-s {
+ height: 0.25em;
+ }
+ .sh2-s {
+ height: 0.5em;
+ }
+ .sh3-s {
+ height: 1em;
+ }
+ .sh4-s {
+ height: 2em;
+ }
+ .sh5-s {
+ height: 4em;
+ }
+ .sh6-s {
+ height: 8em;
+ }
+ .sh7-s {
+ height: 16em;
+ }
+ .h1-s {
+ height: 10%;
+ }
+ .h2-s {
+ height: 20%;
+ }
+ .h3-s {
+ height: 30%;
+ }
+ .h4-s {
+ height: 40%;
+ }
+ .h5-s {
+ height: 50%;
+ }
+ .h6-s {
+ height: 60%;
+ }
+ .h7-s {
+ height: 70%;
+ }
+ .h8-s {
+ height: 80%;
+ }
+ .h9-s {
+ height: 90%;
+ }
+ .vh1-s {
+ height: 10vh;
+ }
+ .vh2-s {
+ height: 20vh;
+ }
+ .vh3-s {
+ height: 30vh;
+ }
+ .vh4-s {
+ height: 40vh;
+ }
+ .vh5-s {
+ height: 50vh;
+ }
+ .vh6-s {
+ height: 60vh;
+ }
+ .vh7-s {
+ height: 70vh;
+ }
+ .vh8-s {
+ height: 80vh;
+ }
+ .vh9-s {
+ height: 90vh;
+ }
+ .vhf-s {
+ height: 100vh;
+ }
+ .min-h1-s {
+ min-height: 10%;
+ }
+ .min-h2-s {
+ min-height: 20%;
+ }
+ .min-h3-s {
+ min-height: 30%;
+ }
+ .min-h4-s {
+ min-height: 40%;
+ }
+ .min-h5-s {
+ min-height: 50%;
+ }
+ .min-h6-s {
+ min-height: 60%;
+ }
+ .min-h7-s {
+ min-height: 70%;
+ }
+ .min-h8-s {
+ min-height: 80%;
+ }
+ .min-h9-s {
+ min-height: 90%;
+ }
+ .max-h1-s {
+ max-height: 10%;
+ }
+ .max-h2-s {
+ max-height: 20%;
+ }
+ .max-h3-s {
+ max-height: 30%;
+ }
+ .max-h4-s {
+ max-height: 40%;
+ }
+ .max-h5-s {
+ max-height: 50%;
+ }
+ .max-h6-s {
+ max-height: 60%;
+ }
+ .max-h7-s {
+ max-height: 70%;
+ }
+ .max-h8-s {
+ max-height: 80%;
+ }
+ .max-h9-s {
+ max-height: 90%;
+ }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .ha-m {
+ height: auto;
+ }
+ .hf-m {
+ height: 100%;
+ }
+ .sh1-m {
+ height: 0.25em;
+ }
+ .sh2-m {
+ height: 0.5em;
+ }
+ .sh3-m {
+ height: 1em;
+ }
+ .sh4-m {
+ height: 2em;
+ }
+ .sh5-m {
+ height: 4em;
+ }
+ .sh6-m {
+ height: 8em;
+ }
+ .sh7-m {
+ height: 16em;
+ }
+ .h1-m {
+ height: 10%;
+ }
+ .h2-m {
+ height: 20%;
+ }
+ .h3-m {
+ height: 30%;
+ }
+ .h4-m {
+ height: 40%;
+ }
+ .h5-m {
+ height: 50%;
+ }
+ .h6-m {
+ height: 60%;
+ }
+ .h7-m {
+ height: 70%;
+ }
+ .h8-m {
+ height: 80%;
+ }
+ .h9-m {
+ height: 90%;
+ }
+ .vh1-m {
+ height: 10vh;
+ }
+ .vh2-m {
+ height: 20vh;
+ }
+ .vh3-m {
+ height: 30vh;
+ }
+ .vh4-m {
+ height: 40vh;
+ }
+ .vh5-m {
+ height: 50vh;
+ }
+ .vh6-m {
+ height: 60vh;
+ }
+ .vh7-m {
+ height: 70vh;
+ }
+ .vh8-m {
+ height: 80vh;
+ }
+ .vh9-m {
+ height: 90vh;
+ }
+ .vhf-m {
+ height: 100vh;
+ }
+ .min-h1-m {
+ min-height: 10%;
+ }
+ .min-h2-m {
+ min-height: 20%;
+ }
+ .min-h3-m {
+ min-height: 30%;
+ }
+ .min-h4-m {
+ min-height: 40%;
+ }
+ .min-h5-m {
+ min-height: 50%;
+ }
+ .min-h6-m {
+ min-height: 60%;
+ }
+ .min-h7-m {
+ min-height: 70%;
+ }
+ .min-h8-m {
+ min-height: 80%;
+ }
+ .min-h9-m {
+ min-height: 90%;
+ }
+ .max-h1-m {
+ max-height: 10%;
+ }
+ .max-h2-m {
+ max-height: 20%;
+ }
+ .max-h3-m {
+ max-height: 30%;
+ }
+ .max-h4-m {
+ max-height: 40%;
+ }
+ .max-h5-m {
+ max-height: 50%;
+ }
+ .max-h6-m {
+ max-height: 60%;
+ }
+ .max-h7-m {
+ max-height: 70%;
+ }
+ .max-h8-m {
+ max-height: 80%;
+ }
+ .max-h9-m {
+ max-height: 90%;
+ }
+}
+@media screen and (min-width: 60em) {
+ .ha-l {
+ height: auto;
+ }
+ .hf-l {
+ height: 100%;
+ }
+ .sh1-l {
+ height: 0.25em;
+ }
+ .sh2-l {
+ height: 0.5em;
+ }
+ .sh3-l {
+ height: 1em;
+ }
+ .sh4-l {
+ height: 2em;
+ }
+ .sh5-l {
+ height: 4em;
+ }
+ .sh6-l {
+ height: 8em;
+ }
+ .sh7-l {
+ height: 16em;
+ }
+ .h1-l {
+ height: 10%;
+ }
+ .h2-l {
+ height: 20%;
+ }
+ .h3-l {
+ height: 30%;
+ }
+ .h4-l {
+ height: 40%;
+ }
+ .h5-l {
+ height: 50%;
+ }
+ .h6-l {
+ height: 60%;
+ }
+ .h7-l {
+ height: 70%;
+ }
+ .h8-l {
+ height: 80%;
+ }
+ .h9-l {
+ height: 90%;
+ }
+ .vh1-l {
+ height: 10vh;
+ }
+ .vh2-l {
+ height: 20vh;
+ }
+ .vh3-l {
+ height: 30vh;
+ }
+ .vh4-l {
+ height: 40vh;
+ }
+ .vh5-l {
+ height: 50vh;
+ }
+ .vh6-l {
+ height: 60vh;
+ }
+ .vh7-l {
+ height: 70vh;
+ }
+ .vh8-l {
+ height: 80vh;
+ }
+ .vh9-l {
+ height: 90vh;
+ }
+ .vhf-l {
+ height: 100vh;
+ }
+ .min-h1-l {
+ min-height: 10%;
+ }
+ .min-h2-l {
+ min-height: 20%;
+ }
+ .min-h3-l {
+ min-height: 30%;
+ }
+ .min-h4-l {
+ min-height: 40%;
+ }
+ .min-h5-l {
+ min-height: 50%;
+ }
+ .min-h6-l {
+ min-height: 60%;
+ }
+ .min-h7-l {
+ min-height: 70%;
+ }
+ .min-h8-l {
+ min-height: 80%;
+ }
+ .min-h9-l {
+ min-height: 90%;
+ }
+ .max-h1-l {
+ max-height: 10%;
+ }
+ .max-h2-l {
+ max-height: 20%;
+ }
+ .max-h3-l {
+ max-height: 30%;
+ }
+ .max-h4-l {
+ max-height: 40%;
+ }
+ .max-h5-l {
+ max-height: 50%;
+ }
+ .max-h6-l {
+ max-height: 60%;
+ }
+ .max-h7-l {
+ max-height: 70%;
+ }
+ .max-h8-l {
+ max-height: 80%;
+ }
+ .max-h9-l {
+ max-height: 90%;
+ }
+}
+@media print {
+ @page {
+ size: A4;
+ margin: 1in;
+ }
+ @page: right {
+ @bottom-right {
+ content: counter(page);
+ }
+ }
+ @page: left {
+ @bottom-left {
+ content: counter(page);
+ }
+ }
+ body {
+ width: 100% !important;
+ font-size: 12pt;
+ line-height: 1.618;
+ }
+ nav,
+ .printhide {
+ display: none;
+ }
+ footer {
+ page-break-after: always;
+ }
+ p {
+ page-break-inside: avoid;
+ }
+}
+.ma0 {
+ margin: 0;
+}
+.ma1 {
+ margin: 0.25em;
+}
+.ma2 {
+ margin: 0.5em;
+}
+.ma3 {
+ margin: 1em;
+}
+.ma4 {
+ margin: 2em;
+}
+.ma5 {
+ margin: 4em;
+}
+.ma6 {
+ margin: 8em;
+}
+.ma7 {
+ margin: 16em;
+}
+.mt0 {
+ margin-top: 0;
+}
+.mt1 {
+ margin-top: 0.25em;
+}
+.mt2 {
+ margin-top: 0.5em;
+}
+.mt3 {
+ margin-top: 1em;
+}
+.mt4 {
+ margin-top: 2em;
+}
+.mt5 {
+ margin-top: 4em;
+}
+.mt6 {
+ margin-top: 8em;
+}
+.mt7 {
+ margin-top: 16em;
+}
+.mr0 {
+ margin-right: 0;
+}
+.mr1 {
+ margin-right: 0.25em;
+}
+.mr2 {
+ margin-right: 0.5em;
+}
+.mr3 {
+ margin-right: 1em;
+}
+.mr4 {
+ margin-right: 2em;
+}
+.mr5 {
+ margin-right: 4em;
+}
+.mr6 {
+ margin-right: 8em;
+}
+.mr7 {
+ margin-right: 16em;
+}
+.mb0 {
+ margin-bottom: 0;
+}
+.mb1 {
+ margin-bottom: 0.25em;
+}
+.mb2 {
+ margin-bottom: 0.5em;
+}
+.mb3 {
+ margin-bottom: 1em;
+}
+.mb4 {
+ margin-bottom: 2em;
+}
+.mb5 {
+ margin-bottom: 4em;
+}
+.mb6 {
+ margin-bottom: 8em;
+}
+.mb7 {
+ margin-bottom: 16em;
+}
+.ml0 {
+ margin-left: 0;
+}
+.ml1 {
+ margin-left: 0.25em;
+}
+.ml2 {
+ margin-left: 0.5em;
+}
+.ml3 {
+ margin-left: 1em;
+}
+.ml4 {
+ margin-left: 2em;
+}
+.ml5 {
+ margin-left: 4em;
+}
+.ml6 {
+ margin-left: 8em;
+}
+.ml7 {
+ margin-left: 16em;
+}
+.my0 {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.my1 {
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+}
+.my2 {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+.my3 {
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+.my4 {
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+.my5 {
+ margin-top: 4em;
+ margin-bottom: 4em;
+}
+.my6 {
+ margin-top: 8em;
+ margin-bottom: 8em;
+}
+.my7 {
+ margin-top: 16em;
+ margin-bottom: 16em;
+}
+.mx0 {
+ margin-left: 0;
+ margin-right: 0;
+}
+.mx1 {
+ margin-left: 0.25em;
+ margin-right: 0.25em;
+}
+.mx2 {
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+.mx3 {
+ margin-left: 1em;
+ margin-right: 1em;
+}
+.mx4 {
+ margin-left: 2em;
+ margin-right: 2em;
+}
+.mx5 {
+ margin-left: 4em;
+ margin-right: 4em;
+}
+.mx6 {
+ margin-left: 8em;
+ margin-right: 8em;
+}
+.mx7 {
+ margin-left: 16em;
+ margin-right: 16em;
+}
+@media screen and (max-width: 30em) {
+ .ma0-s {
+ margin: 0;
+ }
+ .ma1-s {
+ margin: 0.25em;
+ }
+ .ma2-s {
+ margin: 0.5em;
+ }
+ .ma3-s {
+ margin: 1em;
+ }
+ .ma4-s {
+ margin: 2em;
+ }
+ .ma5-s {
+ margin: 4em;
+ }
+ .ma6-s {
+ margin: 8em;
+ }
+ .ma7-s {
+ margin: 16em;
+ }
+ .mt0-s {
+ margin-top: 0;
+ }
+ .mt1-s {
+ margin-top: 0.25em;
+ }
+ .mt2-s {
+ margin-top: 0.5em;
+ }
+ .mt3-s {
+ margin-top: 1em;
+ }
+ .mt4-s {
+ margin-top: 2em;
+ }
+ .mt5-s {
+ margin-top: 4em;
+ }
+ .mt6-s {
+ margin-top: 8em;
+ }
+ .mt7-s {
+ margin-top: 16em;
+ }
+ .mr0-s {
+ margin-right: 0;
+ }
+ .mr1-s {
+ margin-right: 0.25em;
+ }
+ .mr2-s {
+ margin-right: 0.5em;
+ }
+ .mr3-s {
+ margin-right: 1em;
+ }
+ .mr4-s {
+ margin-right: 2em;
+ }
+ .mr5-s {
+ margin-right: 4em;
+ }
+ .mr6-s {
+ margin-right: 8em;
+ }
+ .mr7-s {
+ margin-right: 16em;
+ }
+ .mb0-s {
+ margin-bottom: 0;
+ }
+ .mb1-s {
+ margin-bottom: 0.25em;
+ }
+ .mb2-s {
+ margin-bottom: 0.5em;
+ }
+ .mb3-s {
+ margin-bottom: 1em;
+ }
+ .mb4-s {
+ margin-bottom: 2em;
+ }
+ .mb5-s {
+ margin-bottom: 4em;
+ }
+ .mb6-s {
+ margin-bottom: 8em;
+ }
+ .mb7-s {
+ margin-bottom: 16em;
+ }
+ .ml0-s {
+ margin-left: 0;
+ }
+ .ml1-s {
+ margin-left: 0.25em;
+ }
+ .ml2-s {
+ margin-left: 0.5em;
+ }
+ .ml3-s {
+ margin-left: 1em;
+ }
+ .ml4-s {
+ margin-left: 2em;
+ }
+ .ml5-s {
+ margin-left: 4em;
+ }
+ .ml6-s {
+ margin-left: 8em;
+ }
+ .ml7-s {
+ margin-left: 16em;
+ }
+ .my0-s {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ .my1-s {
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+ }
+ .my2-s {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+ }
+ .my3-s {
+ margin-top: 1em;
+ margin-bottom: 1em;
+ }
+ .my4-s {
+ margin-top: 2em;
+ margin-bottom: 2em;
+ }
+ .my5-s {
+ margin-top: 4em;
+ margin-bottom: 4em;
+ }
+ .my6-s {
+ margin-top: 8em;
+ margin-bottom: 8em;
+ }
+ .my7-s {
+ margin-top: 16em;
+ margin-bottom: 16em;
+ }
+ .mx0-s {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .mx1-s {
+ margin-left: 0.25em;
+ margin-right: 0.25em;
+ }
+ .mx2-s {
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ }
+ .mx3-s {
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+ .mx4-s {
+ margin-left: 2em;
+ margin-right: 2em;
+ }
+ .mx5-s {
+ margin-left: 4em;
+ margin-right: 4em;
+ }
+ .mx6-s {
+ margin-left: 8em;
+ margin-right: 8em;
+ }
+ .mx7-s {
+ margin-left: 16em;
+ margin-right: 16em;
+ }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .ma0-m {
+ margin: 0;
+ }
+ .ma1-m {
+ margin: 0.25em;
+ }
+ .ma2-m {
+ margin: 0.5em;
+ }
+ .ma3-m {
+ margin: 1em;
+ }
+ .ma4-m {
+ margin: 2em;
+ }
+ .ma5-m {
+ margin: 4em;
+ }
+ .ma6-m {
+ margin: 8em;
+ }
+ .ma7-m {
+ margin: 16em;
+ }
+ .mt0-m {
+ margin-top: 0;
+ }
+ .mt1-m {
+ margin-top: 0.25em;
+ }
+ .mt2-m {
+ margin-top: 0.5em;
+ }
+ .mt3-m {
+ margin-top: 1em;
+ }
+ .mt4-m {
+ margin-top: 2em;
+ }
+ .mt5-m {
+ margin-top: 4em;
+ }
+ .mt6-m {
+ margin-top: 8em;
+ }
+ .mt7-m {
+ margin-top: 16em;
+ }
+ .mr0-m {
+ margin-right: 0;
+ }
+ .mr1-m {
+ margin-right: 0.25em;
+ }
+ .mr2-m {
+ margin-right: 0.5em;
+ }
+ .mr3-m {
+ margin-right: 1em;
+ }
+ .mr4-m {
+ margin-right: 2em;
+ }
+ .mr5-m {
+ margin-right: 4em;
+ }
+ .mr6-m {
+ margin-right: 8em;
+ }
+ .mr7-m {
+ margin-right: 16em;
+ }
+ .mb0-m {
+ margin-bottom: 0;
+ }
+ .mb1-m {
+ margin-bottom: 0.25em;
+ }
+ .mb2-m {
+ margin-bottom: 0.5em;
+ }
+ .mb3-m {
+ margin-bottom: 1em;
+ }
+ .mb4-m {
+ margin-bottom: 2em;
+ }
+ .mb5-m {
+ margin-bottom: 4em;
+ }
+ .mb6-m {
+ margin-bottom: 8em;
+ }
+ .mb7-m {
+ margin-bottom: 16em;
+ }
+ .ml0-m {
+ margin-left: 0;
+ }
+ .ml1-m {
+ margin-left: 0.25em;
+ }
+ .ml2-m {
+ margin-left: 0.5em;
+ }
+ .ml3-m {
+ margin-left: 1em;
+ }
+ .ml4-m {
+ margin-left: 2em;
+ }
+ .ml5-m {
+ margin-left: 4em;
+ }
+ .ml6-m {
+ margin-left: 8em;
+ }
+ .ml7-m {
+ margin-left: 16em;
+ }
+ .my0-m {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ .my1-m {
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+ }
+ .my2-m {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+ }
+ .my3-m {
+ margin-top: 1em;
+ margin-bottom: 1em;
+ }
+ .my4-m {
+ margin-top: 2em;
+ margin-bottom: 2em;
+ }
+ .my5-m {
+ margin-top: 4em;
+ margin-bottom: 4em;
+ }
+ .my6-m {
+ margin-top: 8em;
+ margin-bottom: 8em;
+ }
+ .my7-m {
+ margin-top: 16em;
+ margin-bottom: 16em;
+ }
+ .mx0-m {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .mx1-m {
+ margin-left: 0.25em;
+ margin-right: 0.25em;
+ }
+ .mx2-m {
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ }
+ .mx3-m {
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+ .mx4-m {
+ margin-left: 2em;
+ margin-right: 2em;
+ }
+ .mx5-m {
+ margin-left: 4em;
+ margin-right: 4em;
+ }
+ .mx6-m {
+ margin-left: 8em;
+ margin-right: 8em;
+ }
+ .mx7-m {
+ margin-left: 16em;
+ margin-right: 16em;
+ }
+}
+@media screen and (min-width: 60em) {
+ .ma0-l {
+ margin: 0;
+ }
+ .ma1-l {
+ margin: 0.25em;
+ }
+ .ma2-l {
+ margin: 0.5em;
+ }
+ .ma3-l {
+ margin: 1em;
+ }
+ .ma4-l {
+ margin: 2em;
+ }
+ .ma5-l {
+ margin: 4em;
+ }
+ .ma6-l {
+ margin: 8em;
+ }
+ .ma7-l {
+ margin: 16em;
+ }
+ .mt0-l {
+ margin-top: 0;
+ }
+ .mt1-l {
+ margin-top: 0.25em;
+ }
+ .mt2-l {
+ margin-top: 0.5em;
+ }
+ .mt3-l {
+ margin-top: 1em;
+ }
+ .mt4-l {
+ margin-top: 2em;
+ }
+ .mt5-l {
+ margin-top: 4em;
+ }
+ .mt6-l {
+ margin-top: 8em;
+ }
+ .mt7-l {
+ margin-top: 16em;
+ }
+ .mr0-l {
+ margin-right: 0;
+ }
+ .mr1-l {
+ margin-right: 0.25em;
+ }
+ .mr2-l {
+ margin-right: 0.5em;
+ }
+ .mr3-l {
+ margin-right: 1em;
+ }
+ .mr4-l {
+ margin-right: 2em;
+ }
+ .mr5-l {
+ margin-right: 4em;
+ }
+ .mr6-l {
+ margin-right: 8em;
+ }
+ .mr7-l {
+ margin-right: 16em;
+ }
+ .mb0-l {
+ margin-bottom: 0;
+ }
+ .mb1-l {
+ margin-bottom: 0.25em;
+ }
+ .mb2-l {
+ margin-bottom: 0.5em;
+ }
+ .mb3-l {
+ margin-bottom: 1em;
+ }
+ .mb4-l {
+ margin-bottom: 2em;
+ }
+ .mb5-l {
+ margin-bottom: 4em;
+ }
+ .mb6-l {
+ margin-bottom: 8em;
+ }
+ .mb7-l {
+ margin-bottom: 16em;
+ }
+ .ml0-l {
+ margin-left: 0;
+ }
+ .ml1-l {
+ margin-left: 0.25em;
+ }
+ .ml2-l {
+ margin-left: 0.5em;
+ }
+ .ml3-l {
+ margin-left: 1em;
+ }
+ .ml4-l {
+ margin-left: 2em;
+ }
+ .ml5-l {
+ margin-left: 4em;
+ }
+ .ml6-l {
+ margin-left: 8em;
+ }
+ .ml7-l {
+ margin-left: 16em;
+ }
+ .my0-l {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ .my1-l {
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+ }
+ .my2-l {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+ }
+ .my3-l {
+ margin-top: 1em;
+ margin-bottom: 1em;
+ }
+ .my4-l {
+ margin-top: 2em;
+ margin-bottom: 2em;
+ }
+ .my5-l {
+ margin-top: 4em;
+ margin-bottom: 4em;
+ }
+ .my6-l {
+ margin-top: 8em;
+ margin-bottom: 8em;
+ }
+ .my7-l {
+ margin-top: 16em;
+ margin-bottom: 16em;
+ }
+ .mx0-l {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .mx1-l {
+ margin-left: 0.25em;
+ margin-right: 0.25em;
+ }
+ .mx2-l {
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ }
+ .mx3-l {
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+ .mx4-l {
+ margin-left: 2em;
+ margin-right: 2em;
+ }
+ .mx5-l {
+ margin-left: 4em;
+ margin-right: 4em;
+ }
+ .mx6-l {
+ margin-left: 8em;
+ margin-right: 8em;
+ }
+ .mx7-l {
+ margin-left: 16em;
+ margin-right: 16em;
+ }
+}
+.dn {
+ display: none;
+}
+.di {
+ display: inline;
+}
+.db {
+ display: block;
+}
+.dib {
+ display: inline-block;
+}
+.flex {
+ display: flex;
+}
+.flex-column {
+ flex-direction: column;
+}
+.flex-row {
+ flex-direction: row;
+}
+.flex-wrap {
+ flex-wrap: wrap;
+}
+.flex-100 {
+ flex: 100%;
+}
+.flex-75 {
+ flex: 75%;
+}
+.flex-50 {
+ flex: 50%;
+}
+.flex-25 {
+ flex: 25%;
+}
+.dit {
+ display: inline-table;
+}
+.dt {
+ display: table;
+}
+.dtc {
+ display: table-cell;
+}
+.dt-row {
+ display: table-row;
+}
+.dt-row-group {
+ display: table-row-group;
+}
+.dt-column {
+ display: table-column;
+}
+.dt-column-group {
+ display: table-column-group;
+}
+.dt--fixed {
+ table-layout: fixed;
+ width: 100%;
+}
+.j-items-start {
+ justify-items: start;
+}
+.j-items-end {
+ justify-items: end;
+}
+.j-items-center {
+ justify-items: center;
+}
+.j-self-start {
+ justify-self: start;
+}
+.j-self-end {
+ justify-self: end;
+}
+.j-self-center {
+ justify-self: center;
+}
+.j-start {
+ justify-content: start;
+}
+.j-end {
+ justify-content: end;
+}
+.j-center {
+ justify-content: center;
+}
+.j-stretch {
+ justify-content: stretch;
+}
+.j-space-around {
+ justify-content: space-around;
+}
+.j-space-between {
+ justify-content: space-between;
+}
+.j-space-evenly {
+ justify-content: space-evenly;
+}
+.a-items-start {
+ align-items: start;
+}
+.a-items-end {
+ align-items: end;
+}
+.a-items-center {
+ align-items: center;
+}
+.a-self-start {
+ align-self: start;
+}
+.a-self-end {
+ align-self: end;
+}
+.a-self-center {
+ align-self: center;
+}
+.a-start {
+ align-content: start;
+}
+.a-end {
+ align-content: end;
+}
+.a-center {
+ align-content: center;
+}
+.a-stretch {
+ align-content: stretch;
+}
+.a-space-around {
+ align-content: space-around;
+}
+.a-space-between {
+ align-content: space-between;
+}
+.a-space-evenly {
+ align-content: space-evenly;
+}
+@media screen and (max-width: 30em) {
+ .dn-s {
+ display: none;
+ }
+ .di-s {
+ display: inline;
+ }
+ .db-s {
+ display: block;
+ }
+ .dib-s {
+ display: inline-block;
+ }
+ .flex-s {
+ display: flex;
+ }
+ .flex-column-s {
+ flex-direction: column;
+ }
+ .flex-row-s {
+ flex-direction: row;
+ }
+ .dit-s {
+ display: inline-table;
+ }
+ .dt-s {
+ display: table;
+ }
+ .dtc-s {
+ display: table-cell;
+ }
+ .dt-row-s {
+ display: table-row;
+ }
+ .dt-row-group-s {
+ display: table-row-group;
+ }
+ .dt-column-s {
+ display: table-column;
+ }
+ .dt-column-group-s {
+ display: table-column-group;
+ }
+ .dt--fixed-s {
+ table-layout: fixed;
+ width: 100%;
+ }
+ .j-items-start-s {
+ justify-items: start;
+ }
+ .j-items-end-s {
+ justify-items: end;
+ }
+ .j-items-center-s {
+ justify-items: center;
+ }
+ .j-self-start-s {
+ justify-self: start;
+ }
+ .j-self-end-s {
+ justify-self: end;
+ }
+ .j-self-center-s {
+ justify-self: center;
+ }
+ .j-start-s {
+ justify-content: start;
+ }
+ .j-end-s {
+ justify-content: end;
+ }
+ .j-center-s {
+ justify-content: center;
+ }
+ .j-stretch-s {
+ justify-content: stretch;
+ }
+ .j-space-around-s {
+ justify-content: space-around;
+ }
+ .j-space-between-s {
+ justify-content: space-between;
+ }
+ .j-space-evenly-s {
+ justify-content: space-evenly;
+ }
+ .a-items-start-s {
+ align-items: start;
+ }
+ .a-items-end-s {
+ align-items: end;
+ }
+ .a-items-center-s {
+ align-items: center;
+ }
+ .a-self-start-s {
+ align-self: start;
+ }
+ .a-self-end-s {
+ align-self: end;
+ }
+ .a-self-center-s {
+ align-self: center;
+ }
+ .a-start-s {
+ align-content: start;
+ }
+ .a-end-s {
+ align-content: end;
+ }
+ .a-center-s {
+ align-content: center;
+ }
+ .a-stretch-s {
+ align-content: stretch;
+ }
+ .a-space-around-s {
+ align-content: space-around;
+ }
+ .a-space-between-s {
+ align-content: space-between;
+ }
+ .a-space-evenly-s {
+ align-content: space-evenly;
+ }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .dn-m {
+ display: none;
+ }
+ .di-m {
+ display: inline;
+ }
+ .db-m {
+ display: block;
+ }
+ .dib-m {
+ display: inline-block;
+ }
+ .flex-m {
+ display: flex;
+ }
+ .flex-column-m {
+ flex-direction: column;
+ }
+ .flex-row-m {
+ flex-direction: row;
+ }
+ .dit-m {
+ display: inline-table;
+ }
+ .dt-m {
+ display: table;
+ }
+ .dtc-m {
+ display: table-cell;
+ }
+ .dt-row-m {
+ display: table-row;
+ }
+ .dt-row-group-m {
+ display: table-row-group;
+ }
+ .dt-column-m {
+ display: table-column;
+ }
+ .dt-column-group-m {
+ display: table-column-group;
+ }
+ .dt--fixed-m {
+ table-layout: fixed;
+ width: 100%;
+ }
+ .j-items-start-m {
+ justify-items: start;
+ }
+ .j-items-end-m {
+ justify-items: end;
+ }
+ .j-items-center-m {
+ justify-items: center;
+ }
+ .j-self-mtart-m {
+ justify-self: start;
+ }
+ .j-self-end-m {
+ justify-self: end;
+ }
+ .j-self-center-m {
+ justify-self: center;
+ }
+ .j-start-m {
+ justify-content: start;
+ }
+ .j-end-m {
+ justify-content: end;
+ }
+ .j-center-m {
+ justify-content: center;
+ }
+ .j-stretch-m {
+ justify-content: stretch;
+ }
+ .j-space-around-m {
+ justify-content: space-around;
+ }
+ .j-space-between-m {
+ justify-content: space-between;
+ }
+ .j-space-evenly-m {
+ justify-content: space-evenly;
+ }
+ .a-items-start-m {
+ align-items: start;
+ }
+ .a-items-end-m {
+ align-items: end;
+ }
+ .a-items-center-m {
+ align-items: center;
+ }
+ .a-self-mtart-m {
+ align-self: start;
+ }
+ .a-self-end-m {
+ align-self: end;
+ }
+ .a-self-center-m {
+ align-self: center;
+ }
+ .a-start-m {
+ align-content: start;
+ }
+ .a-end-m {
+ align-content: end;
+ }
+ .a-center-m {
+ align-content: center;
+ }
+ .a-stretch-m {
+ align-content: stretch;
+ }
+ .a-space-around-m {
+ align-content: space-around;
+ }
+ .a-space-between-m {
+ align-content: space-between;
+ }
+ .a-content-space-evenly-m {
+ align-content: space-evenly;
+ }
+}
+@media screen and (min-width: 60em) {
+ .dn-l {
+ display: none;
+ }
+ .di-l {
+ display: inline;
+ }
+ .db-l {
+ display: block;
+ }
+ .dib-l {
+ display: inline-block;
+ }
+ .flex-l {
+ display: flex;
+ }
+ .flex-column-l {
+ flex-direction: column;
+ }
+ .flex-row-l {
+ flex-direction: row;
+ }
+ .dit-l {
+ display: inline-table;
+ }
+ .dt-l {
+ display: table;
+ }
+ .dtc-l {
+ display: table-cell;
+ }
+ .dt-row-l {
+ display: table-row;
+ }
+ .dt-row-group-l {
+ display: table-row-group;
+ }
+ .dt-column-l {
+ display: table-column;
+ }
+ .dt-column-group-l {
+ display: table-column-group;
+ }
+ .dt--fixed-l {
+ table-layout: fixed;
+ width: 100%;
+ }
+ .j-items-start-l {
+ justify-items: start;
+ }
+ .j-items-end-l {
+ justify-items: end;
+ }
+ .j-items-center-l {
+ justify-items: center;
+ }
+ .j-self-start-l {
+ justify-self: start;
+ }
+ .j-self-end-l {
+ justify-self: end;
+ }
+ .j-self-center-l {
+ justify-self: center;
+ }
+ .j-start-l {
+ justify-content: start;
+ }
+ .j-end-l {
+ justify-content: end;
+ }
+ .j-center-l {
+ justify-content: center;
+ }
+ .j-stretch-l {
+ justify-content: stretch;
+ }
+ .j-space-around-l {
+ justify-content: space-around;
+ }
+ .j-space-between-l {
+ justify-content: space-between;
+ }
+ .j-space-evenly-l {
+ justify-content: space-evenly;
+ }
+ .a-items-start-l {
+ align-items: start;
+ }
+ .a-items-end-l {
+ align-items: end;
+ }
+ .a-items-center-l {
+ align-items: center;
+ }
+ .a-self-start-l {
+ align-self: start;
+ }
+ .a-self-end-l {
+ align-self: end;
+ }
+ .a-self-center-l {
+ align-self: center;
+ }
+ .a-start-l {
+ align-content: start;
+ }
+ .a-end-l {
+ align-content: end;
+ }
+ .a-center-l {
+ align-content: center;
+ }
+ .a-stretch-l {
+ align-content: stretch;
+ }
+ .a-space-around-l {
+ align-content: space-around;
+ }
+ .a-space-between-l {
+ align-content: space-between;
+ }
+ .a-space-evenly-l {
+ align-content: space-evenly;
+ }
+}
+input:invalid,
+input:invalid::-webkit-input-placeholder {
+ color: #fefefe;
+}
+.disabled,
+:disabled {
+ opacity: 0.618;
+ cursor: not-allowed;
+}
+button,
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+ border: 0;
+}
+button:hover,
+input[type="button"]:hover {
+ cursor: pointer;
+}
+progress,
+progress::-webkit-progress-bar {
+ box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1618) inset;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+meter,
+meter::-webkit-meter-bar {
+ background: none;
+ box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1618) inset;
+ -moz-appearance: none;
+}
+meter::-webkit-meter-optimum-value {
+ background: none;
+ background-color: #cccccc;
+}
+progress::-webkit-progress-value {
+ background-color: #cccccc;
+}
+.srf {
+ font-family: "Times New Roman", "Times", "Georgia", serif;
+}
+.sns {
+ font-family: "Inter UI", "Roboto", "Arial", "Helvetica", sans-serif;
+}
+.mon {
+ font-family: "Roboto Mono", "Courier", monospace;
+}
+.f1,
+h1 {
+ font-size: 2.618em;
+ line-height: 1.571em;
+}
+.f2,
+h2 {
+ font-size: 2.058em;
+ line-height: 1.606em;
+}
+.f3,
+h3 {
+ font-size: 1.618em;
+ line-height: 1.645em;
+}
+.f4,
+h4 {
+ font-size: 1.272em;
+ line-height: 1.7em;
+}
+.f5,
+h5 {
+ font-size: 1em;
+ line-height: 1.813em;
+}
+.f6,
+h6 {
+ font-size: 0.786em;
+ line-height: 1.846em;
+}
+.lh1 {
+ line-height: 2em;
+}
+.lh2 {
+ line-height: 1.618em;
+}
+.lh3 {
+ line-height: 1.272em;
+}
+.lh4 {
+ line-height: 1em;
+}
+.fw-n {
+ font-weight: normal;
+}
+.fw-b {
+ font-weight: bold;
+}
+.fw1 {
+ font-weight: 100;
+}
+.fw2 {
+ font-weight: 200;
+}
+.fw3 {
+ font-weight: 300;
+}
+.fw4 {
+ font-weight: 400;
+}
+.fw5 {
+ font-weight: 500;
+}
+.fw6 {
+ font-weight: 600;
+}
+.fw7 {
+ font-weight: 700;
+}
+.fw8 {
+ font-weight: 800;
+}
+.fw9 {
+ font-weight: 900;
+}
+.fn {
+ font-style: normal;
+}
+.fi {
+ font-style: italic;
+}
+.fo {
+ font-style: oblique;
+}
+.sc {
+ font-variant: small-caps;
+}
+.tj {
+ text-align: justify;
+ -webkit-hyphens: auto;
+ -moz-hyphens: auto;
+ hyphens: auto;
+}
+h .tl {
+ text-align: left;
+}
+.tr {
+ text-align: right;
+}
+.tc {
+ text-align: center;
+}
+.t-cap {
+ text-transform: capitalize;
+}
+.t-up {
+ text-transform: uppercase;
+}
+.t-lw {
+ text-transform: lowercase;
+}
+.tracked {
+ letter-spacing: 0.1em;
+}
+.tracked-tight {
+ letter-spacing: -0.05em;
+}
+.tracked-mega {
+ letter-spacing: 0.25em;
+}
+.strike {
+ text-decoration: line-through;
+}
+.underline {
+ text-decoration: underline;
+}
+.overline {
+ text-decoration: overline;
+}
+.col-2,
+.col-3,
+.col-4 {
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1;
+}
+a {
+ color: #454545;
+ text-decoration: none;
+}
+.underline-hover {
+ text-decoration: underline;
+}
+.dim:hover {
+ opacity: 0.8;
+}
+ul,
+ol,
+.list-inside {
+ list-style-position: inside;
+}
+.list-dec {
+ list-style-type: decimal-leading-zero;
+}
+.listupr {
+ list-style-type: upper-roman;
+}
+.list-lwrm {
+ list-style-type: lower-roman;
+}
+.list-upa {
+ list-style-type: upper-alpha;
+}
+.list-lwa {
+ list-style-type: lower-alpha;
+}
+.list-disc {
+ list-style-type: disc;
+}
+.list-circle {
+ list-style-type: circle;
+}
+.list-square {
+ list-style-type: square;
+}
+.list-none {
+ list-style: none;
+}
+@media screen and (max-width: 30em) {
+ .f1-s {
+ font-size: 2.618em;
+ line-height: 1.571em;
+ }
+ .f2-s {
+ font-size: 2.058em;
+ line-height: 1.606em;
+ }
+ .f3-s {
+ font-size: 1.618em;
+ line-height: 1.645em;
+ }
+ .f4-s {
+ font-size: 1.272em;
+ line-height: 1.7em;
+ }
+ .f5-s {
+ font-size: 1em;
+ line-height: 1.813em;
+ }
+ .f6-s {
+ font-size: 0.786em;
+ line-height: 1.846em;
+ }
+ .lh1-s {
+ line-height: 2em;
+ }
+ .lh2-s {
+ line-height: 1.618em;
+ }
+ .lh3-s {
+ line-height: 1.272em;
+ }
+ .lh4-s {
+ line-height: 1em;
+ }
+ .fw1-s {
+ font-weight: 100;
+ }
+ .fw2-s {
+ font-weight: 200;
+ }
+ .fw3-s {
+ font-weight: 300;
+ }
+ .fw4-s {
+ font-weight: 400;
+ }
+ .fw5-s {
+ font-weight: 500;
+ }
+ .fw6-s {
+ font-weight: 600;
+ }
+ .fw7-s {
+ font-weight: 700;
+ }
+ .fw8-s {
+ font-weight: 800;
+ }
+ .fw9-s {
+ font-weight: 900;
+ }
+ .col-2-s,
+ .col-3-s,
+ .col-4-s {
+ -webkit-column-gap: 1.5em;
+ -moz-column-gap: 1.5em;
+ column-gap: 1.5em;
+ }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .f1-m {
+ font-size: 2.618em;
+ line-height: 1.571em;
+ }
+ .f2-m {
+ font-size: 2.058em;
+ line-height: 1.606em;
+ }
+ .f3-m {
+ font-size: 1.618em;
+ line-height: 1.645em;
+ }
+ .f4-m {
+ font-size: 1.272em;
+ line-height: 1.7em;
+ }
+ .f5-m {
+ font-size: 1em;
+ line-height: 1.813em;
+ }
+ .f6-m {
+ font-size: 0.786em;
+ line-height: 1.846em;
+ }
+ .lh1-m {
+ line-height: 2em;
+ }
+ .lh2-m {
+ line-height: 1.618em;
+ }
+ .lh3-m {
+ line-height: 1.272em;
+ }
+ .lh4-m {
+ line-height: 1em;
+ }
+ .fw1-m {
+ font-weight: 100;
+ }
+ .fw2-m {
+ font-weight: 200;
+ }
+ .fw3-m {
+ font-weight: 300;
+ }
+ .fw4-m {
+ font-weight: 400;
+ }
+ .fw5-m {
+ font-weight: 500;
+ }
+ .fw6-m {
+ font-weight: 600;
+ }
+ .fw7-m {
+ font-weight: 700;
+ }
+ .fw8-m {
+ font-weight: 800;
+ }
+ .fw9-m {
+ font-weight: 900;
+ }
+ .col-2-m,
+ .col-3-m,
+ .col-4-m {
+ -webkit-column-gap: 1.5em;
+ -moz-column-gap: 1.5em;
+ column-gap: 1.5em;
+ }
+}
+@media screen and (min-width: 60em) {
+ .f1-l {
+ font-size: 2.618em;
+ line-height: 1.571em;
+ }
+ .f2-l {
+ font-size: 2.058em;
+ line-height: 1.606em;
+ }
+ .f3-l {
+ font-size: 1.618em;
+ line-height: 1.645em;
+ }
+ .f4-l {
+ font-size: 1.272em;
+ line-height: 1.7em;
+ }
+ .f5-l {
+ font-size: 1em;
+ line-height: 1.813em;
+ }
+ .f6-l {
+ font-size: 0.786em;
+ line-height: 1.846em;
+ }
+ .lh1-l {
+ line-height: 2em;
+ }
+ .lh2-l {
+ line-height: 1.618em;
+ }
+ .lh3-l {
+ line-height: 1.272em;
+ }
+ .lh4-l {
+ line-height: 1em;
+ }
+ .fw1-l {
+ font-weight: 100;
+ }
+ .fw2-l {
+ font-weight: 200;
+ }
+ .fw3-l {
+ font-weight: 300;
+ }
+ .fw4-l {
+ font-weight: 400;
+ }
+ .fw5-l {
+ font-weight: 500;
+ }
+ .fw6-l {
+ font-weight: 600;
+ }
+ .fw7-l {
+ font-weight: 700;
+ }
+ .fw8-l {
+ font-weight: 800;
+ }
+ .fw9-l {
+ font-weight: 900;
+ }
+ .col-2-l,
+ .col-3-l,
+ .col-4-l {
+ -webkit-column-gap: 1.5em;
+ -loz-column-gap: 1.5em;
+ column-gap: 1.5em;
+ }
+}
+.static {
+ position: static;
+}
+.relative {
+ position: relative;
+}
+.absolute {
+ position: absolute;
+}
+.fixed {
+ position: fixed;
+}
+.static {
+ position: static;
+}
+.abs-center {
+ margin-left: auto;
+ margin-right: auto;
+}
+.float-right {
+ float: right;
+}
+.float-left {
+ float: left;
+}
+.vl {
+ vertical-align: baseline;
+}
+.vm {
+ vertical-align: middle;
+}
+.vt {
+ vertical-align: top;
+}
+.vb {
+ vertical-align: bottom;
+}
+.overflow-auto {
+ overflow: auto;
+}
+.overflow-x-auto {
+ overflow-x: auto;
+}
+.overflow-y-auto {
+ overflow-y: auto;
+}
+.overflow-visible {
+ overflow: visible;
+}
+.overflow-x-visible {
+ overflow-x: visible;
+}
+.overflow-y-visible {
+ overflow-y: visible;
+}
+.overflow-hidden {
+ overflow: hidden;
+}
+.overflow-x-hidden {
+ overflow-x: hidden;
+}
+.overflow-y-hidden {
+ overflow-y: hidden;
+}
+.overflow-scroll {
+ overflow: scroll;
+}
+.overflow-x-scroll {
+ overflow-x: scroll;
+}
+.overflow-y-scroll {
+ overflow-y: scroll;
+}
+.z-1 {
+ z-index: 1;
+}
+.z-2 {
+ z-index: 2;
+}
+.z-3 {
+ z-index: 3;
+}
+.z-4 {
+ z-index: 4;
+}
+.z-5 {
+ z-index: 5;
+}
+.z-999 {
+ z-index: 999;
+}
+.z-max {
+ z-index: 9999;
+}
+.z-inherit {
+ z-index: inherit;
+}
+.z-initial {
+ z-index: initial;
+}
+.z-unset {
+ z-index: unset;
+}
+.wa {
+ width: auto;
+}
+.wf {
+ width: 100%;
+}
+.sw1 {
+ width: 0.25em;
+}
+.sw2 {
+ width: 0.5em;
+}
+.sw3 {
+ width: 1em;
+}
+.sw4 {
+ width: 2em;
+}
+.sw5 {
+ width: 4em;
+}
+.sw6 {
+ width: 8em;
+}
+.sw7 {
+ width: 16em;
+}
+.w1 {
+ width: 10%;
+}
+.w2 {
+ width: 20%;
+}
+.w1-2 {
+ width: 25%;
+}
+.w3 {
+ width: 30%;
+}
+.w1-3 {
+ width: 33.33%;
+}
+.w4 {
+ width: 40%;
+}
+.w5 {
+ width: 50%;
+}
+.w6 {
+ width: 60%;
+}
+.w7 {
+ width: 70%;
+}
+.w8 {
+ width: 80%;
+}
+.w9 {
+ width: 90%;
+}
+.vw1 {
+ width: 10vw;
+}
+.vw2 {
+ width: 20vw;
+}
+.vw3 {
+ width: 30vw;
+}
+.vw4 {
+ width: 40vw;
+}
+.vw5 {
+ width: 50vw;
+}
+.vw6 {
+ width: 60vw;
+}
+.vw7 {
+ width: 70vw;
+}
+.vw8 {
+ width: 80vw;
+}
+.vw9 {
+ width: 90vw;
+}
+.vwf {
+ width: 100vw;
+}
+.min-w1 {
+ min-width: 10%;
+}
+.min-w2 {
+ min-width: 20%;
+}
+.min-w1-2 {
+ width: 25%;
+}
+.min-w3 {
+ min-width: 30%;
+}
+.min-w1-3 {
+ width: 33.33%;
+}
+.min-w4 {
+ min-width: 40%;
+}
+.min-w5 {
+ min-width: 50%;
+}
+.min-w6 {
+ min-width: 60%;
+}
+.min-w7 {
+ min-width: 70%;
+}
+.min-w8 {
+ min-width: 80%;
+}
+.min-w9 {
+ min-width: 90%;
+}
+.max-w1 {
+ max-width: 10%;
+}
+.max-w2 {
+ max-width: 20%;
+}
+.max-w1-2 {
+ width: 25%;
+}
+.max-w3 {
+ max-width: 30%;
+}
+.max-w1-2 {
+ width: 33.33%;
+}
+.max-w4 {
+ max-width: 40%;
+}
+.max-w5 {
+ max-width: 50%;
+}
+.max-w6 {
+ max-width: 60%;
+}
+.max-w7 {
+ max-width: 70%;
+}
+.max-w8 {
+ max-width: 80%;
+}
+.max-w9 {
+ max-width: 90%;
+}
+@media screen and (max-width: 30em) {
+ .wa-s {
+ width: auto;
+ }
+ .wf-s {
+ width: 100%;
+ }
+ .sw1-s {
+ width: 0.25em;
+ }
+ .sw2-s {
+ width: 0.5em;
+ }
+ .sw3-s {
+ width: 1em;
+ }
+ .sw4-s {
+ width: 2em;
+ }
+ .sw5-s {
+ width: 4em;
+ }
+ .sw6-s {
+ width: 8em;
+ }
+ .sw7-s {
+ width: 16em;
+ }
+ .w1-s {
+ width: 10%;
+ }
+ .w2-s {
+ width: 20%;
+ }
+ .w1-2-s {
+ width: 25%;
+ }
+ .w3-s {
+ width: 30%;
+ }
+ .w1-3-s {
+ width: 33.33%;
+ }
+ .w4-s {
+ width: 40%;
+ }
+ .w5-s {
+ width: 50%;
+ }
+ .w6-s {
+ width: 60%;
+ }
+ .w7-s {
+ width: 70%;
+ }
+ .w8-s {
+ width: 80%;
+ }
+ .w9-s {
+ width: 90%;
+ }
+ .vw1-s {
+ width: 10vw;
+ }
+ .vw2-s {
+ width: 20vw;
+ }
+ .vw3-s {
+ width: 30vw;
+ }
+ .vw4-s {
+ width: 40vw;
+ }
+ .vw5-s {
+ width: 50vw;
+ }
+ .vw6-s {
+ width: 60vw;
+ }
+ .vw7-s {
+ width: 70vw;
+ }
+ .vw8-s {
+ width: 80vw;
+ }
+ .vw9-s {
+ width: 90vw;
+ }
+ .vwf-s {
+ width: 100vw;
+ }
+ .min-w1-s {
+ min-width: 10%;
+ }
+ .min-w2-s {
+ min-width: 20%;
+ }
+ .min-w1-2-2 {
+ width: 25%;
+ }
+ .min-w3-s {
+ min-width: 30%;
+ }
+ .min-w1-3-s {
+ width: 33.33%;
+ }
+ .min-w4-s {
+ min-width: 40%;
+ }
+ .min-w5-s {
+ min-width: 50%;
+ }
+ .min-w6-s {
+ min-width: 60%;
+ }
+ .min-w7-s {
+ min-width: 70%;
+ }
+ .min-w8-s {
+ min-width: 80%;
+ }
+ .min-w9-s {
+ min-width: 90%;
+ }
+ .max-w1-s {
+ max-width: 10%;
+ }
+ .max-w2-s {
+ max-width: 20%;
+ }
+ .max-w1-2-s {
+ width: 25%;
+ }
+ .max-w3-s {
+ max-width: 30%;
+ }
+ .max-w1-3-s {
+ width: 33.33%;
+ }
+ .max-w4-s {
+ max-width: 40%;
+ }
+ .max-w5-s {
+ max-width: 50%;
+ }
+ .max-w6-s {
+ max-width: 60%;
+ }
+ .max-w7-s {
+ max-width: 70%;
+ }
+ .max-w8-s {
+ max-width: 80%;
+ }
+ .max-w9-s {
+ max-width: 90%;
+ }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .wa-m {
+ width: auto;
+ }
+ .wf-m {
+ width: 100%;
+ }
+ .sw1-m {
+ width: 0.25em;
+ }
+ .sw2-m {
+ width: 0.5em;
+ }
+ .sw3-m {
+ width: 1em;
+ }
+ .sw4-m {
+ width: 2em;
+ }
+ .sw5-m {
+ width: 4em;
+ }
+ .sw6-m {
+ width: 8em;
+ }
+ .sw7-m {
+ width: 16em;
+ }
+ .w1-m {
+ width: 10%;
+ }
+ .w2-m {
+ width: 20%;
+ }
+ .w1-2-m {
+ width: 25%;
+ }
+ .w3-m {
+ width: 30%;
+ }
+ .w1-3-m {
+ width: 33.33%;
+ }
+ .w4-m {
+ width: 40%;
+ }
+ .w5-m {
+ width: 50%;
+ }
+ .w6-m {
+ width: 60%;
+ }
+ .w7-m {
+ width: 70%;
+ }
+ .w8-m {
+ width: 80%;
+ }
+ .w9-m {
+ width: 90%;
+ }
+ .vw1-m {
+ width: 10vw;
+ }
+ .vw2-m {
+ width: 20vw;
+ }
+ .vw3-m {
+ width: 30vw;
+ }
+ .vw4-m {
+ width: 40vw;
+ }
+ .vw5-m {
+ width: 50vw;
+ }
+ .vw6-m {
+ width: 60vw;
+ }
+ .vw7-m {
+ width: 70vw;
+ }
+ .vw8-m {
+ width: 80vw;
+ }
+ .vw9-m {
+ width: 90vw;
+ }
+ .vwf-m {
+ width: 100vw;
+ }
+ .min-w1-m {
+ min-width: 10%;
+ }
+ .min-w2-m {
+ min-width: 20%;
+ }
+ .min-w1-2-m {
+ width: 25%;
+ }
+ .min-w3-m {
+ min-width: 30%;
+ }
+ .min-w1-3-m {
+ width: 33.33%;
+ }
+ .min-w4-m {
+ min-width: 40%;
+ }
+ .min-w5-m {
+ min-width: 50%;
+ }
+ .min-w6-m {
+ min-width: 60%;
+ }
+ .min-w7-m {
+ min-width: 70%;
+ }
+ .min-w8-m {
+ min-width: 80%;
+ }
+ .min-w9-m {
+ min-width: 90%;
+ }
+ .max-w1-m {
+ max-width: 10%;
+ }
+ .max-w2-m {
+ max-width: 20%;
+ }
+ .max-w1-2-m {
+ width: 25%;
+ }
+ .max-w3-m {
+ max-width: 30%;
+ }
+ .max-w1-3-m {
+ width: 33.33%;
+ }
+ .max-w4-m {
+ max-width: 40%;
+ }
+ .max-w5-m {
+ max-width: 50%;
+ }
+ .max-w6-m {
+ max-width: 60%;
+ }
+ .max-w7-m {
+ max-width: 70%;
+ }
+ .max-w8-m {
+ max-width: 80%;
+ }
+ .max-w9-m {
+ max-width: 90%;
+ }
+}
+@media screen and (min-width: 60em) {
+ .wa-l {
+ width: auto;
+ }
+ .wf-l {
+ width: 100%;
+ }
+ .sw1-l {
+ width: 0.25em;
+ }
+ .sw2-l {
+ width: 0.5em;
+ }
+ .sw3-l {
+ width: 1em;
+ }
+ .sw4-l {
+ width: 2em;
+ }
+ .sw5-l {
+ width: 4em;
+ }
+ .sw6-l {
+ width: 8em;
+ }
+ .sw7-l {
+ width: 16em;
+ }
+ .w1-l {
+ width: 10%;
+ }
+ .w2-l {
+ width: 20%;
+ }
+ .w1-2-l {
+ width: 25%;
+ }
+ .w3-l {
+ width: 30%;
+ }
+ .w1-3-l {
+ width: 33.33%;
+ }
+ .w4-l {
+ width: 40%;
+ }
+ .w5-l {
+ width: 50%;
+ }
+ .w6-l {
+ width: 60%;
+ }
+ .w7-l {
+ width: 70%;
+ }
+ .w8-l {
+ width: 80%;
+ }
+ .w9-l {
+ width: 90%;
+ }
+ .vw1-l {
+ width: 10vw;
+ }
+ .vw2-l {
+ width: 20vw;
+ }
+ .vw3-l {
+ width: 30vw;
+ }
+ .vw4-l {
+ width: 40vw;
+ }
+ .vw5-l {
+ width: 50vw;
+ }
+ .vw6-l {
+ width: 60vw;
+ }
+ .vw7-l {
+ width: 70vw;
+ }
+ .vw8-l {
+ width: 80vw;
+ }
+ .vw9-l {
+ width: 90vw;
+ }
+ .vwf-l {
+ width: 100vw;
+ }
+ .min-w1-l {
+ min-width: 10%;
+ }
+ .min-w2-l {
+ min-width: 20%;
+ }
+ .min-w1-2-l {
+ width: 25%;
+ }
+ .min-w3-l {
+ min-width: 30%;
+ }
+ .min-w1-3-l {
+ width: 33.33%;
+ }
+ .min-w4-l {
+ min-width: 40%;
+ }
+ .min-w5-l {
+ min-width: 50%;
+ }
+ .min-w6-l {
+ min-width: 60%;
+ }
+ .min-w7-l {
+ min-width: 70%;
+ }
+ .min-w8-l {
+ min-width: 80%;
+ }
+ .min-w9-l {
+ min-width: 90%;
+ }
+ .max-w1-l {
+ max-width: 10%;
+ }
+ .max-w2-l {
+ max-width: 20%;
+ }
+ .max-w1-2-l {
+ width: 25%;
+ }
+ .max-w3-l {
+ max-width: 30%;
+ }
+ .max-w1-3-l {
+ width: 33.33%;
+ }
+ .max-w4-l {
+ max-width: 40%;
+ }
+ .max-w5-l {
+ max-width: 50%;
+ }
+ .max-w6-l {
+ max-width: 60%;
+ }
+ .max-w7-l {
+ max-width: 70%;
+ }
+ .max-w8-l {
+ max-width: 80%;
+ }
+ .max-w9-l {
+ max-width: 90%;
+ }
+}
+.ba {
+ border-style: solid;
+ border-width: 0.125em;
+}
+.bt {
+ border-top-style: solid;
+ border-top-width: 0.125em;
+}
+.br {
+ border-right-style: solid;
+ border-right-width: 0.125em;
+}
+.bb {
+ border-bottom-style: solid;
+ border-bottom-width: 0.125em;
+}
+.bl {
+ border-left-style: solid;
+ border-left-width: 0.125em;
+}
+.bn,
+.bn th,
+.bn td {
+ border-style: none;
+ border-width: 0;
+}
+.b--dotted {
+ border-style: dotted;
+}
+.b--dashed {
+ border-style: dashed;
+}
+.b--solid {
+ border-style: solid;
+}
+.br0 {
+ border-radius: 0;
+}
+.br1 {
+ border-radius: 0.786em;
+}
+.br2 {
+ border-radius: 1em;
+}
+.br3 {
+ border-radius: 1.272em;
+}
+.br4 {
+ border-radius: 1.618em;
+}
+.br5 {
+ border-radius: 2.058em;
+}
+.br6 {
+ border-radius: 2.618em;
+}
+.br-100 {
+ border-radius: 100%;
+}
+.bw0 {
+ border-width: 0;
+}
+.bw1 {
+ border-width: 0.125em;
+}
+.bw2 {
+ border-width: 0.25em;
+}
+.bw3 {
+ border-width: 0.5em;
+}
+.bw4 {
+ border-width: 1em;
+}
+.bw5 {
+ border-width: 2em;
+}
+.bt-0 {
+ border-top-width: 0;
+}
+.br-0 {
+ border-right-width: 0;
+}
+.bb-0 {
+ border-bottom-width: 0;
+}
+.bl-0 {
+ border-left-width: 0;
+}
+.shadow-0 {
+ box-shadow: 0 !important;
+}
+.shadow-1 {
+ box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
+}
+.shadow-2 {
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
+}
+.shadow-3 {
+ box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
+}
+.shadow-4 {
+ box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.2);
+}
+.shadow-5 {
+ box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2);
+}
+.shadow-inside-1 {
+ box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
+}
+.shadow-inside-2 {
+ box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
+}
+.shadow-inside-3 {
+ box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.2);
+}
+.shadow-1-x {
+ box-shadow:
+ 8px 0 12px -8px rgba(0, 0, 0, 0.2),
+ -8px 0 12px -8px rgba(0, 0, 0, 0.2);
+}
+.shadow-1-y {
+ box-shadow:
+ 0 -8px 12px -8px rgba(0, 0, 0, 0.2),
+ 0 8px 12px -8px rgba(0, 0, 0, 0.2);
+}
+@media screen and (max-width: 30em) {
+ .br0-s {
+ border-radius: 0;
+ }
+ .br1-s {
+ border-radius: 0.786em;
+ }
+ .br2-s {
+ border-radius: 1em;
+ }
+ .br3-s {
+ border-radius: 1.272em;
+ }
+ .br4-s {
+ border-radius: 1.618em;
+ }
+ .br5-s {
+ border-radius: 2.058em;
+ }
+ .br6-s {
+ border-radius: 2.618em;
+ }
+ .br-100-s {
+ border-radius: 100%;
+ }
+ .bw0-s {
+ border-width: 0;
+ }
+ .bw1-s {
+ border-width: 0.125em;
+ }
+ .bw2-s {
+ border-width: 0.25em;
+ }
+ .bw3-s {
+ border-width: 0.5em;
+ }
+ .bw4-s {
+ border-width: 1em;
+ }
+ .bw5-s {
+ border-width: 2em;
+ }
+ .bt-0-s {
+ border-top-width: 0;
+ }
+ .br-0-s {
+ border-right-width: 0;
+ }
+ .bb-0-s {
+ border-bottom-width: 0;
+ }
+ .bl-0-s {
+ border-left-width: 0;
+ }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .br0-s {
+ border-radius: 0;
+ }
+ .br1-s {
+ border-radius: 0.786em;
+ }
+ .br2-s {
+ border-radius: 1em;
+ }
+ .br3-s {
+ border-radius: 1.272em;
+ }
+ .br4-s {
+ border-radius: 1.618em;
+ }
+ .br5-s {
+ border-radius: 2.058em;
+ }
+ .br6-s {
+ border-radius: 2.618em;
+ }
+ .br-100-s {
+ border-radius: 100%;
+ }
+ .bw0-s {
+ border-width: 0;
+ }
+ .bw1-s {
+ border-width: 0.125em;
+ }
+ .bw2-s {
+ border-width: 0.25em;
+ }
+ .bw3-s {
+ border-width: 0.5em;
+ }
+ .bw4-s {
+ border-width: 1em;
+ }
+ .bw5-s {
+ border-width: 2em;
+ }
+ .bt-0-s {
+ border-top-width: 0;
+ }
+ .br-0-s {
+ border-right-width: 0;
+ }
+ .bb-0-s {
+ border-bottom-width: 0;
+ }
+ .bl-0-s {
+ border-left-width: 0;
+ }
+}
+@media screen and (min-width: 60em) {
+ .br0-l {
+ border-radius: 0;
+ }
+ .br1-l {
+ border-radius: 0.786em;
+ }
+ .br2-l {
+ border-radius: 1em;
+ }
+ .br3-l {
+ border-radius: 1.272em;
+ }
+ .br4-l {
+ border-radius: 1.618em;
+ }
+ .br5-l {
+ border-radius: 2.058em;
+ }
+ .br6-l {
+ border-radius: 2.618em;
+ }
+ .br-100-l {
+ border-radius: 100%;
+ }
+ .bw0-l {
+ border-width: 0;
+ }
+ .bw1-l {
+ border-width: 0.125em;
+ }
+ .bw2-l {
+ border-width: 0.25em;
+ }
+ .bw3-l {
+ border-width: 0.5em;
+ }
+ .bw4-l {
+ border-width: 1em;
+ }
+ .bw5-l {
+ border-width: 2em;
+ }
+ .bt-0-l {
+ border-top-width: 0;
+ }
+ .br-0-l {
+ border-right-width: 0;
+ }
+ .bb-0-l {
+ border-bottom-width: 0;
+ }
+ .bl-0-l {
+ border-left-width: 0;
+ }
+}
+.csr-a {
+ cursor: alias;
+}
+.csr-aa {
+ cursor: all-scroll;
+}
+.csr-cp {
+ cursor: copy;
+}
+.csr-cm {
+ cursor: context-menu;
+}
+.csr-cr {
+ cursor: col-resize;
+}
+.csr-cl {
+ cursor: cell;
+}
+.csr-d {
+ cursor: default;
+}
+.csr-er {
+ cursor: e-resize;
+}
+.csr-ewr {
+ cursor: ew-resize;
+}
+.csr-g {
+ cursor: grab;
+}
+.csr-grb {
+ cursor: grabbing;
+}
+.csr-h {
+ cursor: help;
+}
+.csr-m {
+ cursor: move;
+}
+.csr-n {
+ cursor: none;
+}
+.csr-nd {
+ cursor: no-drop;
+}
+.csr-nr {
+ cursor: n-resize;
+}
+.csr-na {
+ cursor: not-allowed;
+}
+.csr-ne-r {
+ cursor: ne-resize;
+}
+.csr-nesw-r {
+ cursor: nesw-resize;
+}
+.c-nw-r {
+ cursor: nw-resize;
+}
+.c-nwse-r {
+ cursor: nwse-resize;
+}
+.csr-pr {
+ cursor: progress;
+}
+.csr-pt {
+ cursor: pointer;
+}
+.csr-rw-r {
+ cursor: row-resize;
+}
+.csr-ns-r {
+ cursor: ns-resize;
+}
+.csr-s-r {
+ cursor: s-resize;
+}
+.csr-se-r {
+ cursor: se-resize;
+}
+.csr-sw-r {
+ cursor: sw-resize;
+}
+.csr-vt {
+ cursor: vertical-text;
+}
+.csr-w {
+ cursor: wait;
+}
+.csr-w-r {
+ cursor: w-resize;
+}
+.csr-cshr {
+ cursor: crosshair;
+}
+.csr-zi {
+ cursor: zoom-in;
+}
+.csr-zo {
+ cursor: zoom-out;
+}
+.pa0 {
+ padding: 0;
+}
+.pa1 {
+ padding: 0.25em;
+}
+.pa2 {
+ padding: 0.5em;
+}
+.pa3 {
+ padding: 1em;
+}
+.pa4 {
+ padding: 2em;
+}
+.pa5 {
+ padding: 4em;
+}
+.pa6 {
+ padding: 8em;
+}
+.pa7 {
+ padding: 16em;
+}
+.pt0 {
+ padding-top: 0;
+}
+.pt1 {
+ padding-top: 0.25em;
+}
+.pt2 {
+ padding-top: 0.5em;
+}
+.pt3 {
+ padding-top: 1em;
+}
+.pt4 {
+ padding-top: 2em;
+}
+.pt5 {
+ padding-top: 4em;
+}
+.pt6 {
+ padding-top: 8em;
+}
+.pt7 {
+ padding-top: 16em;
+}
+.pr0 {
+ padding-right: 0;
+}
+.pr1 {
+ padding-right: 0.25em;
+}
+.pr2 {
+ padding-right: 0.5em;
+}
+.pr3 {
+ padding-right: 1em;
+}
+.pr4 {
+ padding-right: 2em;
+}
+.pr5 {
+ padding-right: 4em;
+}
+.pr6 {
+ padding-right: 8em;
+}
+.pr7 {
+ padding-right: 16em;
+}
+.pb0 {
+ padding-bottom: 0;
+}
+.pb1 {
+ padding-bottom: 0.25em;
+}
+.pb2 {
+ padding-bottom: 0.5em;
+}
+.pb3 {
+ padding-bottom: 1em;
+}
+.pb4 {
+ padding-bottom: 2em;
+}
+.pb5 {
+ padding-bottom: 4em;
+}
+.pb6 {
+ padding-bottom: 8em;
+}
+.pb7 {
+ padding-bottom: 16em;
+}
+.pl0 {
+ padding-left: 0;
+}
+.pl1 {
+ padding-left: 0.25em;
+}
+.pl2 {
+ padding-left: 0.5em;
+}
+.pl3 {
+ padding-left: 1em;
+}
+.pl4 {
+ padding-left: 2em;
+}
+.pl5 {
+ padding-left: 4em;
+}
+.pl6 {
+ padding-left: 8em;
+}
+.pl7 {
+ padding-left: 16em;
+}
+.py0 {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.py1 {
+ padding-top: 0.25em;
+ padding-bottom: 0.25em;
+}
+.py2 {
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+}
+.py3 {
+ padding-top: 1em;
+ padding-bottom: 1em;
+}
+.py4 {
+ padding-top: 2em;
+ padding-bottom: 2em;
+}
+.py5 {
+ padding-top: 4em;
+ padding-bottom: 4em;
+}
+.py6 {
+ padding-top: 8em;
+ padding-bottom: 8em;
+}
+.py7 {
+ padding-top: 16em;
+ padding-bottom: 16em;
+}
+.px0 {
+ padding-left: 0;
+ padding-right: 0;
+}
+.px1 {
+ padding-left: 0.25em;
+ padding-right: 0.25em;
+}
+.px2 {
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+.px3 {
+ padding-left: 1em;
+ padding-right: 1em;
+}
+.px4 {
+ padding-left: 2em;
+ padding-right: 2em;
+}
+.px5 {
+ padding-left: 4em;
+ padding-right: 4em;
+}
+.px6 {
+ padding-left: 8em;
+ padding-right: 8em;
+}
+.px7 {
+ padding-left: 16em;
+ padding-right: 16em;
+}
+@media screen and (max-width: 30em) {
+ .pa0-s {
+ padding: 0;
+ }
+ .pa1-s {
+ padding: 0.25em;
+ }
+ .pa2-s {
+ padding: 0.5em;
+ }
+ .pa3-s {
+ padding: 1em;
+ }
+ .pa4-s {
+ padding: 2em;
+ }
+ .pa5-s {
+ padding: 4em;
+ }
+ .pa6-s {
+ padding: 8em;
+ }
+ .pa7-s {
+ padding: 16em;
+ }
+ .pt0-s {
+ padding-top: 0;
+ }
+ .pt1-s {
+ padding-top: 0.25em;
+ }
+ .pt2-s {
+ padding-top: 0.5em;
+ }
+ .pt3-s {
+ padding-top: 1em;
+ }
+ .pt4-s {
+ padding-top: 2em;
+ }
+ .pt5-s {
+ padding-top: 4em;
+ }
+ .pt6-s {
+ padding-top: 8em;
+ }
+ .pt7-s {
+ padding-top: 16em;
+ }
+ .pr0-s {
+ padding-right: 0;
+ }
+ .pr1-s {
+ padding-right: 0.25em;
+ }
+ .pr2-s {
+ padding-right: 0.5em;
+ }
+ .pr3-s {
+ padding-right: 1em;
+ }
+ .pr4-s {
+ padding-right: 2em;
+ }
+ .pr5-s {
+ padding-right: 4em;
+ }
+ .pr6-s {
+ padding-right: 8em;
+ }
+ .pr7-s {
+ padding-right: 16em;
+ }
+ .pb0-s {
+ padding-bottom: 0;
+ }
+ .pb1-s {
+ padding-bottom: 0.25em;
+ }
+ .pb2-s {
+ padding-bottom: 0.5em;
+ }
+ .pb3-s {
+ padding-bottom: 1em;
+ }
+ .pb4-s {
+ padding-bottom: 2em;
+ }
+ .pb5-s {
+ padding-bottom: 4em;
+ }
+ .pb6-s {
+ padding-bottom: 8em;
+ }
+ .pb7-s {
+ padding-bottom: 16em;
+ }
+ .pl0-s {
+ padding-left: 0;
+ }
+ .pl1-s {
+ padding-left: 0.25em;
+ }
+ .pl2-s {
+ padding-left: 0.5em;
+ }
+ .pl3-s {
+ padding-left: 1em;
+ }
+ .pl4-s {
+ padding-left: 2em;
+ }
+ .pl5-s {
+ padding-left: 4em;
+ }
+ .pl6-s {
+ padding-left: 8em;
+ }
+ .pl7-s {
+ padding-left: 16em;
+ }
+ .py0-s {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+ .py1-s {
+ padding-top: 0.25em;
+ padding-bottom: 0.25em;
+ }
+ .py2-s {
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ }
+ .py3-s {
+ padding-top: 1em;
+ padding-bottom: 1em;
+ }
+ .py4-s {
+ padding-top: 2em;
+ padding-bottom: 2em;
+ }
+ .py5-s {
+ padding-top: 4em;
+ padding-bottom: 4em;
+ }
+ .py6-s {
+ padding-top: 8em;
+ padding-bottom: 8em;
+ }
+ .py7-s {
+ padding-top: 16em;
+ padding-bottom: 16em;
+ }
+ .px0-s {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .px1-s {
+ padding-left: 0.25em;
+ padding-right: 0.25em;
+ }
+ .px2-s {
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ }
+ .px3-s {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+ .px4-s {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+ .px5-s {
+ padding-left: 4em;
+ padding-right: 4em;
+ }
+ .px6-s {
+ padding-left: 8em;
+ padding-right: 8em;
+ }
+ .px7-s {
+ padding-left: 16em;
+ padding-right: 16em;
+ }
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+ .pa0-m {
+ padding: 0;
+ }
+ .pa1-m {
+ padding: 0.25em;
+ }
+ .pa2-m {
+ padding: 0.5em;
+ }
+ .pa3-m {
+ padding: 1em;
+ }
+ .pa4-m {
+ padding: 2em;
+ }
+ .pa5-m {
+ padding: 4em;
+ }
+ .pa6-m {
+ padding: 8em;
+ }
+ .pa7-m {
+ padding: 16em;
+ }
+ .pt0-m {
+ padding-top: 0;
+ }
+ .pt1-m {
+ padding-top: 0.25em;
+ }
+ .pt2-m {
+ padding-top: 0.5em;
+ }
+ .pt3-m {
+ padding-top: 1em;
+ }
+ .pt4-m {
+ padding-top: 2em;
+ }
+ .pt5-m {
+ padding-top: 4em;
+ }
+ .pt6-m {
+ padding-top: 8em;
+ }
+ .pt7-m {
+ padding-top: 16em;
+ }
+ .pr0-m {
+ padding-right: 0;
+ }
+ .pr1-m {
+ padding-right: 0.25em;
+ }
+ .pr2-m {
+ padding-right: 0.5em;
+ }
+ .pr3-m {
+ padding-right: 1em;
+ }
+ .pr4-m {
+ padding-right: 2em;
+ }
+ .pr5-m {
+ padding-right: 4em;
+ }
+ .pr6-m {
+ padding-right: 8em;
+ }
+ .pr7-m {
+ padding-right: 16em;
+ }
+ .pb0-m {
+ padding-bottom: 0;
+ }
+ .pb1-m {
+ padding-bottom: 0.25em;
+ }
+ .pb2-m {
+ padding-bottom: 0.5em;
+ }
+ .pb3-m {
+ padding-bottom: 1em;
+ }
+ .pb4-m {
+ padding-bottom: 2em;
+ }
+ .pb5-m {
+ padding-bottom: 4em;
+ }
+ .pb6-m {
+ padding-bottom: 8em;
+ }
+ .pb7-m {
+ padding-bottom: 16em;
+ }
+ .pl0-m {
+ padding-left: 0;
+ }
+ .pl1-m {
+ padding-left: 0.25em;
+ }
+ .pl2-m {
+ padding-left: 0.5em;
+ }
+ .pl3-m {
+ padding-left: 1em;
+ }
+ .pl4-m {
+ padding-left: 2em;
+ }
+ .pl5-m {
+ padding-left: 4em;
+ }
+ .pl6-m {
+ padding-left: 8em;
+ }
+ .pl7-m {
+ padding-left: 16em;
+ }
+ .py0-m {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+ .py1-m {
+ padding-top: 0.25em;
+ padding-bottom: 0.25em;
+ }
+ .py2-m {
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ }
+ .py3-m {
+ padding-top: 1em;
+ padding-bottom: 1em;
+ }
+ .py4-m {
+ padding-top: 2em;
+ padding-bottom: 2em;
+ }
+ .py5-m {
+ padding-top: 4em;
+ padding-bottom: 4em;
+ }
+ .py6-m {
+ padding-top: 8em;
+ padding-bottom: 8em;
+ }
+ .py7-m {
+ padding-top: 16em;
+ padding-bottom: 16em;
+ }
+ .px0-m {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .px1-m {
+ padding-left: 0.25em;
+ padding-right: 0.25em;
+ }
+ .px2-m {
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ }
+ .px3-m {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+ .px4-m {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+ .px5-m {
+ padding-left: 4em;
+ padding-right: 4em;
+ }
+ .px6-m {
+ padding-left: 8em;
+ padding-right: 8em;
+ }
+ .px7-m {
+ padding-left: 16em;
+ padding-right: 16em;
+ }
+}
+@media screen and (min-width: 60em) {
+ .pa0-l {
+ padding: 0;
+ }
+ .pa1-l {
+ padding: 0.25em;
+ }
+ .pa2-l {
+ padding: 0.5em;
+ }
+ .pa3-l {
+ padding: 1em;
+ }
+ .pa4-l {
+ padding: 2em;
+ }
+ .pa5-l {
+ padding: 4em;
+ }
+ .pa6-l {
+ padding: 8em;
+ }
+ .pa7-l {
+ padding: 16em;
+ }
+ .pt0-l {
+ padding-top: 0;
+ }
+ .pt1-l {
+ padding-top: 0.25em;
+ }
+ .pt2-l {
+ padding-top: 0.5em;
+ }
+ .pt3-l {
+ padding-top: 1em;
+ }
+ .pt4-l {
+ padding-top: 2em;
+ }
+ .pt5-l {
+ padding-top: 4em;
+ }
+ .pt6-l {
+ padding-top: 8em;
+ }
+ .pt7-l {
+ padding-top: 16em;
+ }
+ .pr0-l {
+ padding-right: 0;
+ }
+ .pr1-l {
+ padding-right: 0.25em;
+ }
+ .pr2-l {
+ padding-right: 0.5em;
+ }
+ .pr3-l {
+ padding-right: 1em;
+ }
+ .pr4-l {
+ padding-right: 2em;
+ }
+ .pr5-l {
+ padding-right: 4em;
+ }
+ .pr6-l {
+ padding-right: 8em;
+ }
+ .pr7-l {
+ padding-right: 16em;
+ }
+ .pb0-l {
+ padding-bottom: 0;
+ }
+ .pb1-l {
+ padding-bottom: 0.25em;
+ }
+ .pb2-l {
+ padding-bottom: 0.5em;
+ }
+ .pb3-l {
+ padding-bottom: 1em;
+ }
+ .pb4-l {
+ padding-bottom: 2em;
+ }
+ .pb5-l {
+ padding-bottom: 4em;
+ }
+ .pb6-l {
+ padding-bottom: 8em;
+ }
+ .pb7-l {
+ padding-bottom: 16em;
+ }
+ .pl0-l {
+ padding-left: 0;
+ }
+ .pl1-l {
+ padding-left: 0.25em;
+ }
+ .pl2-l {
+ padding-left: 0.5em;
+ }
+ .pl3-l {
+ padding-left: 1em;
+ }
+ .pl4-l {
+ padding-left: 2em;
+ }
+ .pl5-l {
+ padding-left: 4em;
+ }
+ .pl6-l {
+ padding-left: 8em;
+ }
+ .pl7-l {
+ padding-left: 16em;
+ }
+ .py0-l {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+ .py1-l {
+ padding-top: 0.25em;
+ padding-bottom: 0.25em;
+ }
+ .py2-l {
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ }
+ .py3-l {
+ padding-top: 1em;
+ padding-bottom: 1em;
+ }
+ .py4-l {
+ padding-top: 2em;
+ padding-bottom: 2em;
+ }
+ .py5-l {
+ padding-top: 4em;
+ padding-bottom: 4em;
+ }
+ .py6-l {
+ padding-top: 8em;
+ padding-bottom: 8em;
+ }
+ .py7-l {
+ padding-top: 16em;
+ padding-bottom: 16em;
+ }
+ .px0-l {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .px1-l {
+ padding-left: 0.25em;
+ padding-right: 0.25em;
+ }
+ .px2-l {
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ }
+ .px3-l {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+ .px4-l {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+ .px5-l {
+ padding-left: 4em;
+ padding-right: 4em;
+ }
+ .px6-l {
+ padding-left: 8em;
+ padding-right: 8em;
+ }
+ .px7-l {
+ padding-left: 16em;
+ padding-right: 16em;
+ }
+}
+.rl thead tr:last-of-type,
+.rl tbody tr {
+ border: 0;
+ border-bottom: 0.125em solid #ddd;
+}
+.outline-none {
+ outline: none;
+}
+.resize-none {
+ resize: none;
+}
+.appearance-none {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.empty:after {
+ content: ".";
+ visibility: hidden;
+}
+.o-100 {
+ opacity: 1;
+}
+.o-90 {
+ opacity: 0.9;
+}
+.o-80 {
+ opacity: 0.8;
+}
+.o-70 {
+ opacity: 0.7;
+}
+.o-60 {
+ opacity: 0.6;
+}
+.o-50 {
+ opacity: 0.5;
+}
+.o-40 {
+ opacity: 0.4;
+}
+.o-30 {
+ opacity: 0.3;
+}
+.o-20 {
+ opacity: 0.2;
+}
+.o-10 {
+ opacity: 0.1;
+}
+.o-05 {
+ opacity: 0.05;
+}
+.o-025 {
+ opacity: 0.025;
+}
+.o-0 {
+ opacity: 0;
+}
+@media screen and (max-width: 30em) {
+}
+@media screen and (min-width: 30em) and (max-width: 60em) {
+}
+@media screen and (min-width: 60em) {
+}
+.dev > * {
+ box-shadow: inset 0 0 1px #ccc;
+}
+*,
+*::before,
+*::after {
+ margin: 0;
+ padding: 0;
+ -webkit-box-sizing: inherit;
+ -moz-box-sizing: inherit;
+ box-sizing: inherit;
+}
+.noselect > * {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+}
+html {
+ height: 100%;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+body {
+ background-color: #f5f5f5;
+ color: #181818;
+ font:
+ 16px/1.618em "Inter UI",
+ "Roboto",
+ "Arial",
+ "Helvetica",
+ sans-serif; /* font-size: 100%; */
+ -webkit-text-size-adjust: 100%;
+}
+img,
+video {
+ width: 100%;
+}
+table {
+ border-collapse: collapse;
+ overflow-x: auto;
+}
+th,
+td {
+ padding: 7px;
+ border: 0.125em solid #181818;
+}
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..3e1e194
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,146 @@
+/*
+header {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-end;
+}
+
+header .avatar {
+ width: 69px;
+ height: 69px;
+ overflow: hidden;
+ border-radius: 50%;
+}
+
+header .avatar img {
+ width: 100%;
+ height: auto;
+ margin-top: -16px;
+ margin-right: -3x;
+}
+
+header h1 {
+ text-align: left;
+ margin-bottom: 3px;
+ color: white;
+}
+
+header a {
+ text-decoration: none;
+ color: inherit;
+}
+
+header ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow: hidden;
+}
+
+header ul > li {
+ float: left;
+ display: block;
+ padding-right: 0.8em;
+}
+
+header ul img {
+ color: #ff0000;
+ width: 25px;
+ margin-bottom: -8px;
+}
+
+nav {
+ text-align: center;
+}
+
+a {
+ color: grey;
+}
+
+a:visited {
+ color: grey;
+}
+
+a:hover {
+ color: #b605fc;
+}
+
+body {
+ font: 1.1em/1.5em sans-serif;
+ max-width: 55em;
+ margin: 1em auto;
+ padding: 0 0.6em;
+ color: #e5e5e5;
+ background-color: #262528;
+}
+
+h1,
+h2,
+h3 {
+ line-height: 1.2em;
+ text-align: center;
+}
+
+.button {
+ position: relative;
+ padding: 8px 16px;
+ height: 50px;
+ background: #e8e8e0;
+ border: none;
+ outline: none;
+ border-radius: 2px;
+ cursor: pointer;
+}
+
+.button:hover {
+ background: #f7fa04;
+}
+
+.button--loading::after {
+ content: "";
+ position: absolute;
+ width: 16px;
+ height: 16px;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ border: 4px solid transparent;
+ border-top-color: #ffffff;
+ border-radius: 50%;
+ animation: button-loading-spinner 1s ease infinite;
+}
+
+@keyframes button-loading-spinner {
+ from {
+ transform: rotate(0turn);
+ }
+
+ to {
+ transform: rotate(1turn);
+ }
+}
+
+ul.books {
+ margin: 0 auto;
+ text-align: center;
+ padding: 0;
+}
+
+ul.books > li {
+ display: inline-block;
+ vertical-align: top;
+ padding: 13px;
+}
+
+.book {
+ display: flex;
+ justify-content: space-around;
+}
+
+footer {
+ text-align: center;
+ font: 0.7em/1.2em sans-serif;
+}
+*/
diff --git a/font/Inter-UI-Black.woff b/font/Inter-UI-Black.woff
new file mode 100644
index 0000000..de5244a
Binary files /dev/null and b/font/Inter-UI-Black.woff differ
diff --git a/font/Inter-UI-Black.woff2 b/font/Inter-UI-Black.woff2
new file mode 100644
index 0000000..31815f9
Binary files /dev/null and b/font/Inter-UI-Black.woff2 differ
diff --git a/font/Inter-UI-BlackItalic.woff b/font/Inter-UI-BlackItalic.woff
new file mode 100644
index 0000000..4cc6c1f
Binary files /dev/null and b/font/Inter-UI-BlackItalic.woff differ
diff --git a/font/Inter-UI-BlackItalic.woff2 b/font/Inter-UI-BlackItalic.woff2
new file mode 100644
index 0000000..7e8a3ad
Binary files /dev/null and b/font/Inter-UI-BlackItalic.woff2 differ
diff --git a/font/Inter-UI-Bold.woff b/font/Inter-UI-Bold.woff
new file mode 100644
index 0000000..a5b70a9
Binary files /dev/null and b/font/Inter-UI-Bold.woff differ
diff --git a/font/Inter-UI-Bold.woff2 b/font/Inter-UI-Bold.woff2
new file mode 100644
index 0000000..69dd2fd
Binary files /dev/null and b/font/Inter-UI-Bold.woff2 differ
diff --git a/font/Inter-UI-BoldItalic.woff b/font/Inter-UI-BoldItalic.woff
new file mode 100644
index 0000000..2695171
Binary files /dev/null and b/font/Inter-UI-BoldItalic.woff differ
diff --git a/font/Inter-UI-BoldItalic.woff2 b/font/Inter-UI-BoldItalic.woff2
new file mode 100644
index 0000000..5d6ada6
Binary files /dev/null and b/font/Inter-UI-BoldItalic.woff2 differ
diff --git a/font/Inter-UI-Italic.woff b/font/Inter-UI-Italic.woff
new file mode 100644
index 0000000..ca80404
Binary files /dev/null and b/font/Inter-UI-Italic.woff differ
diff --git a/font/Inter-UI-Italic.woff2 b/font/Inter-UI-Italic.woff2
new file mode 100644
index 0000000..920203e
Binary files /dev/null and b/font/Inter-UI-Italic.woff2 differ
diff --git a/font/Inter-UI-Medium.woff b/font/Inter-UI-Medium.woff
new file mode 100644
index 0000000..86bf516
Binary files /dev/null and b/font/Inter-UI-Medium.woff differ
diff --git a/font/Inter-UI-Medium.woff2 b/font/Inter-UI-Medium.woff2
new file mode 100644
index 0000000..8f6afb0
Binary files /dev/null and b/font/Inter-UI-Medium.woff2 differ
diff --git a/font/Inter-UI-MediumItalic.woff b/font/Inter-UI-MediumItalic.woff
new file mode 100644
index 0000000..59b09fa
Binary files /dev/null and b/font/Inter-UI-MediumItalic.woff differ
diff --git a/font/Inter-UI-MediumItalic.woff2 b/font/Inter-UI-MediumItalic.woff2
new file mode 100644
index 0000000..ecc6ac7
Binary files /dev/null and b/font/Inter-UI-MediumItalic.woff2 differ
diff --git a/font/Inter-UI-Regular.woff b/font/Inter-UI-Regular.woff
new file mode 100644
index 0000000..1252f19
Binary files /dev/null and b/font/Inter-UI-Regular.woff differ
diff --git a/font/Inter-UI-Regular.woff2 b/font/Inter-UI-Regular.woff2
new file mode 100644
index 0000000..b1c7d65
Binary files /dev/null and b/font/Inter-UI-Regular.woff2 differ
diff --git a/font/inter-ui.css b/font/inter-ui.css
new file mode 100644
index 0000000..d36f2e6
--- /dev/null
+++ b/font/inter-ui.css
@@ -0,0 +1,67 @@
+@font-face {
+ font-family: "Inter UI";
+ font-style: normal;
+ font-weight: 400;
+ src:
+ url("Inter-UI-Regular.woff2") format("woff2"),
+ url("Inter-UI-Regular.woff") format("woff");
+}
+@font-face {
+ font-family: "Inter UI";
+ font-style: italic;
+ font-weight: 400;
+ src:
+ url("Inter-UI-Italic.woff2") format("woff2"),
+ url("Inter-UI-Italic.woff") format("woff");
+}
+
+@font-face {
+ font-family: "Inter UI";
+ font-style: normal;
+ font-weight: 500;
+ src:
+ url("Inter-UI-Medium.woff2") format("woff2"),
+ url("Inter-UI-Medium.woff") format("woff");
+}
+@font-face {
+ font-family: "Inter UI";
+ font-style: italic;
+ font-weight: 500;
+ src:
+ url("Inter-UI-MediumItalic.woff2") format("woff2"),
+ url("Inter-UI-MediumItalic.woff") format("woff");
+}
+
+@font-face {
+ font-family: "Inter UI";
+ font-style: normal;
+ font-weight: 700;
+ src:
+ url("Inter-UI-Bold.woff2") format("woff2"),
+ url("Inter-UI-Bold.woff") format("woff");
+}
+@font-face {
+ font-family: "Inter UI";
+ font-style: italic;
+ font-weight: 700;
+ src:
+ url("Inter-UI-BoldItalic.woff2") format("woff2"),
+ url("Inter-UI-BoldItalic.woff") format("woff");
+}
+
+@font-face {
+ font-family: "Inter UI";
+ font-style: normal;
+ font-weight: 900;
+ src:
+ url("Inter-UI-Black.woff2") format("woff2"),
+ url("Inter-UI-Black.woff") format("woff");
+}
+@font-face {
+ font-family: "Inter UI";
+ font-style: italic;
+ font-weight: 900;
+ src:
+ url("Inter-UI-BlackItalic.woff2") format("woff2"),
+ url("Inter-UI-BlackItalic.woff") format("woff");
+}
diff --git a/idk b/idk
new file mode 100644
index 0000000..0aab490
--- /dev/null
+++ b/idk
@@ -0,0 +1,2 @@
+#!/bin/bash
+curl "https://cheat.sh/$1"
diff --git a/idk.txt b/idk.txt
new file mode 100644
index 0000000..0aab490
--- /dev/null
+++ b/idk.txt
@@ -0,0 +1,2 @@
+#!/bin/bash
+curl "https://cheat.sh/$1"
diff --git a/images/avatar.jpeg b/images/avatar.jpeg
new file mode 100644
index 0000000..969e9e4
Binary files /dev/null and b/images/avatar.jpeg differ
diff --git a/images/email-white.png b/images/email-white.png
new file mode 100644
index 0000000..f3d6a71
Binary files /dev/null and b/images/email-white.png differ
diff --git a/images/email.svg b/images/email.svg
new file mode 100644
index 0000000..d6ef11e
--- /dev/null
+++ b/images/email.svg
@@ -0,0 +1 @@
+Gmail icon GitHub icon bliotti
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ home
+
+
+ |
+ bitcoin
+ |
+ dotfiles
+ copy install command
+
+
+
+
+
+
+
diff --git a/install-idk.txt b/install-idk.txt
new file mode 100644
index 0000000..c11bec4
--- /dev/null
+++ b/install-idk.txt
@@ -0,0 +1,15 @@
+#!/bin/bash
+
+# Check for root/sudo permissions
+if [ "$EUID" -ne 0 ]
+ then echo "Please run as root or use sudo"
+ exit
+fi
+
+# Download the idk script and install it
+curl -fsSL https://coinguy.io/idk.txt -o /usr/local/bin/idk
+
+# Make the script executable
+chmod +x /usr/local/bin/idk
+
+echo "idk command installed successfully!"
diff --git a/install.sh b/install.sh
new file mode 100644
index 0000000..b0d09bb
--- /dev/null
+++ b/install.sh
@@ -0,0 +1,112 @@
+#!/bin/bash
+
+set -v
+### INSTALL COMMAND
+### /bin/bash -c "$(curl -fsSL https://coinguy.io/install.sh)"
+
+# Check for Zsh installation, install if not present
+if ! command -v zsh &>/dev/null; then
+ echo "Zsh is not installed. Installing Zsh..."
+ if [ "$(uname)" == "Darwin" ]; then
+ # macOS installation
+ brew install zsh
+ elif [ -f /etc/debian_version ]; then
+ # Debian/Ubuntu installation
+ sudo apt update && sudo apt install -y zsh
+ elif [ -f /etc/redhat-release ]; then
+ # RHEL/Fedora/CentOS installation
+ sudo yum install -y zsh
+ else
+ echo "Unsupported OS. Please install Zsh manually."
+ exit 1
+ fi
+fi
+
+# Verify Zsh was installed correctly
+if ! command -v zsh &>/dev/null; then
+ echo "Failed to install Zsh. Please install it manually."
+ exit 1
+fi
+
+echo "Zsh is installed."
+
+# Check for Git installation, install if not present
+if ! command -v git &>/dev/null; then
+ echo "Git is not installed. Installing Git..."
+ if [ "$(uname)" == "Darwin" ]; then
+ # macOS installation
+ brew install git
+ elif [ -f /etc/debian_version ]; then
+ # Debian/Ubuntu installation
+ sudo apt update && sudo apt install -y git
+ elif [ -f /etc/redhat-release ]; then
+ # RHEL/Fedora/CentOS installation
+ sudo yum install -y git
+ else
+ echo "Unsupported OS. Please install Git manually."
+ exit 1
+ fi
+fi
+
+# Verify Git was installed correctly
+if ! command -v git &>/dev/null; then
+ echo "Failed to install Git. Please install it manually."
+ exit 1
+fi
+
+echo "Git is installed."
+
+# Install Oh My Zsh without launching a new shell
+RUNZSH=no sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
+
+ZSH_CUSTOM=${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}
+
+# Install plugins
+# autosuggestions plugin
+git clone https://github.com/zsh-users/zsh-autosuggestions.git $ZSH_CUSTOM/plugins/zsh-autosuggestions
+# zsh-syntax-highlighting plugin
+git clone https://github.com/zsh-users/zsh-syntax-highlighting.git $ZSH_CUSTOM/plugins/zsh-syntax-highlighting
+# zsh-fast-syntax-highlighting plugin
+git clone https://github.com/zdharma-continuum/fast-syntax-highlighting.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/plugins/fast-syntax-highlighting
+# zsh-autocomplete plugin
+git clone --depth 1 -- https://github.com/marlonrichert/zsh-autocomplete.git $ZSH_CUSTOM/plugins/zsh-autocomplete
+# powerlevel10k
+git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k
+# Define the .zshrc file location (you can adjust this path if needed)
+ZSHRC_FILE="$HOME/.zshrc"
+
+# Use sed to find and replace the plugins line
+sed -i.bak '/^plugins=(/c\
+plugins=(\
+ git\
+ zsh-autosuggestions\
+ zsh-syntax-highlighting\
+ fast-syntax-highlighting\
+ zsh-autocomplete\
+)' "$ZSHRC_FILE"
+
+if [ -f "$ZSHRC_FILE.bak" ]; then
+ echo "Backup created successfully."
+else
+ echo "Failed to create backup. Aborting."
+ exit 1
+fi
+
+sed -i.bak2 '/^ZSH_THEME=/c\
+ZSH_THEME="powerlevel10k/powerlevel10k"
+' "$ZSHRC_FILE"
+
+# Inform the user
+echo "The plugins line has been updated in $ZSHRC_FILE. A backup has been created as $ZSHRC_FILE.bak."
+
+# Automatically change default shell to Zsh without prompting
+if [ "$SHELL" != "$(which zsh)" ]; then
+ echo "Changing your default shell to Zsh..."
+ chsh -s "$(which zsh)" "$USER"
+ echo "Default shell changed to Zsh. Please restart your terminal or log out and log back in."
+fi
+
+set +v
+
+# Prompt the user to switch to Zsh manually
+echo "Installation complete! Please run 'zsh' to switch to Zsh and load your updated configuration."
diff --git a/keybase.txt b/keybase.txt
new file mode 100644
index 0000000..8aa1ed4
--- /dev/null
+++ b/keybase.txt
@@ -0,0 +1,56 @@
+==================================================================
+https://keybase.io/coinguybri
+--------------------------------------------------------------------
+
+I hereby claim:
+
+ * I am an admin of https://coinguy.io
+ * I am coinguybri (https://keybase.io/coinguybri) on keybase.
+ * I have a public key ASAjeYwZAQyRjrXENERb0WDxN0C9Bh3FdgLejUd8T5s9Kgo
+
+To do so, I am signing this object:
+
+{
+ "body": {
+ "key": {
+ "eldest_kid": "01204b8a72dc68562534a51040896d63e65b5ceb3d0cc0103077ec877a8946ba6abc0a",
+ "host": "keybase.io",
+ "kid": "012023798c19010c918eb5c434445bd160f13740bd061dc57602de8d477c4f9b3d2a0a",
+ "uid": "54f2fde99d2186a7c8b77b5568e22419",
+ "username": "coinguybri"
+ },
+ "merkle_root": {
+ "ctime": 1701071247,
+ "hash": "75fc7c85f9c3a73668e6ccc1d86c4bce619cd3d4c224cd977b5f74dbf43353256a6ca04db10cc1ae6f52e057790769dd6f7ca740b343ca5b42cea009aca20522",
+ "hash_meta": "688f853e3e09d8cd63dc6d3168b9ba2584f7020f528275297d511a796ca55c5a",
+ "seqno": 25183005
+ },
+ "service": {
+ "entropy": "bnfERb3DRLI0aUKZkikQ9Jo5",
+ "hostname": "coinguy.io",
+ "protocol": "https:"
+ },
+ "type": "web_service_binding",
+ "version": 2
+ },
+ "client": {
+ "name": "keybase.io go client",
+ "version": "6.2.4"
+ },
+ "ctime": 1701071257,
+ "expire_in": 504576000,
+ "prev": "ddbcfa8411d8026b3602eb245e687023c721e6e8dd568cede80f14bc6be5e8f5",
+ "seqno": 117,
+ "tag": "signature"
+}
+
+which yields the signature:
+
+hKRib2R5hqhkZXRhY2hlZMOpaGFzaF90eXBlCqNrZXnEIwEgI3mMGQEMkY61xDREW9Fg8TdAvQYdxXYC3o1HfE+bPSoKp3BheWxvYWTESpcCdcQg3bz6hBHYAms2AuskXmhwI8ch5ujdVozt6A8UvGvl6PXEICIYV9oyznQljrs0gTelXX1GpLhdATTykhAKnZ7+8+t/AgHCo3NpZ8RAi9pKZSy3sptVGzayKMiLphgiw/lYmoSMxJHEaVI/X6Eepe7A4jXj1L/2/d3clxaEMfso+JAkLm+NCDefnFuVCqhzaWdfdHlwZSCkaGFzaIKkdHlwZQildmFsdWXEIGcDI/kl9l9dWqXSK4ioXwtBwcacXMGwKMUVXquLDKP4o3RhZ80CAqd2ZXJzaW9uAQ==
+
+And finally, I am proving ownership of this host by posting or
+appending to this document.
+
+View my publicly-auditable identity here: https://keybase.io/coinguybri
+
+==================================================================
diff --git a/processed_images/three-body-problem.1ec1abb43f3fb117.jpg b/processed_images/three-body-problem.1ec1abb43f3fb117.jpg
new file mode 100644
index 0000000..cc224d6
Binary files /dev/null and b/processed_images/three-body-problem.1ec1abb43f3fb117.jpg differ
diff --git a/processed_images/three-body-problem.7a0f7f416c470c6c.jpg b/processed_images/three-body-problem.7a0f7f416c470c6c.jpg
new file mode 100644
index 0000000..2fcd293
Binary files /dev/null and b/processed_images/three-body-problem.7a0f7f416c470c6c.jpg differ
diff --git a/robots.txt b/robots.txt
new file mode 100644
index 0000000..148fd35
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Disallow:
+Allow: /
+Sitemap: http://localhost:1111/sitemap.xml
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000..d3ad821
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,18 @@
+
+
+
+ http://localhost:1111/
+
+
+ http://localhost:1111/about/
+
+
+ http://localhost:1111/bitcoin/
+
+
+ http://localhost:1111/bookshelf/
+
+
+ http://localhost:1111/bookshelf/three-body-problem/
+
+
+
+
+
+ 
+ 
+ 
+