zach.tokyo.css

/*--- Berkeley Mono font used under license ---------------------------------*/
@font-face {
  font-family: 'Berkeley-Mono';
  font-style: normal;
  src: local('Berkeley-Mono'), local('Berkeley-Mono-Regular'), url(./BerkeleyMono-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Berkeley-Mono';
  font-weight: bold;
  font-style: normal;
  src: local('Berkeley-Mono'), local('Berkeley-Mono-Bold'), url(./BerkeleyMono-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Berkeley-Mono';
  font-style: italic;
  src: local('Berkeley-Mono'), local('Berkeley-Mono-Italic'), url(./BerkeleyMono-Italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Berkeley-Mono';
  font-style: italic;
  font-weight: bold;
  src: local('Berkeley-Mono'), local('Berkeley-Mono-Bold-Italic'), url(./BerkeleyMono-BoldItalic.woff2) format('woff2');
}
/*---------------------------------------------------------------------------*/

body {
  background-color: #222;
  background-image: linear-gradient(to bottom right, #333, #111);
  color: #888;
  font-family: 'Berkeley-Mono';
  font-size: medium;
  padding-bottom: 100px;
  min-height: 90vh;
}
div.headline
{
  padding-top: 40px;
  padding-left: 25px;
  padding-bottom: 25px;
  font-family:'Berkeley-Mono';
  font-size: 64px;
}
div.main {
  padding-top: 25px;
  padding-left: 50px;
  margin: auto;
}
span.altcolor {
  color: #46F242;
  font-weight: bold;
}
span.list_header {
  color: #BBB;
  font-weight: regular;
}
span.highlight {
  color: #BBB;
}
ul {
  padding-bottom: 25px;
}
li {
  list-style-type: '*';
  padding-inline-start: 1ch;
  margin: 5px 0;
}
a:link {
  color: #46F242;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #46F242;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #46F242;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: rgb(253, 240, 0);
  background-color: transparent;
  text-decoration: underline;
}
footer {
  left: 0;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
  margin: auto;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(00, 00, 00, .65);
}