@charset "UTF-8";

html {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

@font-face {
	font-family: 'k812';
	src: url(font/k8x12.ttf);
}

head {
  font-family: 'Roboto Mono', monospace;
}

body {
  padding: 0;
  margin: 0;
  color: #293D47;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit
}

a {
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 90%
}

small2 {
  font-size: 70%
}

large {
  font-size: 200%
}

progress {
  vertical-align: baseline
}

fieldset {
  margin: 0
}

fieldset,
legend {
  padding: 0
}

menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

label {
  display: inline-block;
  text-align: right;
  width: 101px;
}

.mb-3 {
  font-family: 'Silkscreen', sans-serif;
  font-size: 0.5rem;
  letter-spacing: 0.4rem;
}


.mb-4 {
  margin-bottom: 1rem
}

.mb-5 {
  margin-bottom: 3rem;
}

.mb-6 {
  margin-top: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 700;
  font-size: 18px;
}

.mb-7 {
  font-family: 'Silkscreen', sans-serif;
  margin-bottom: 1rem;
  font-size: 0.5rem;
}

.pt-5 {
  padding-top: 0.5rem
}

.pl-6 {
  padding-left: 0.5rem
}

.pr-10 {
  padding-right: 0.5rem
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.underline {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.work-id {
  display: inline-block;
  width: 80px;
  margin-left: 8px;
  color: #293D47;
  font-size: 10px;
}

.hover-menu {
  display: none;
  position: relative;
  margin-left: 110px;
  margin-bottom: 4px;
  background-color: none;
  border: none;
}

.lang {
  display: inline-block;
  font-size: 0.7rem;
  font-family: 'Silkscreen', sans-serif;
}

.lang2 {
  display: inline-block;
  padding-right: 20%;
}

.lang3 {
  display: inline-block;
  padding-right: 5%;
  font-weight: 800;
  margin-bottom: 0px;
  letter-spacing: 0.1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.lang4 {
  display: inline-block;
  padding-right: 5%;
  font-weight: 800;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 0.1rem;
  font-size: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.title {
  padding-left: 96px;
  font-size: 90%;
}

li:hover .hover-menu {
  display: none;
}

#wrapper {
  max-width: 480px;
  height: 100%
}

#wrapper2 {
  max-width: 480px;
  height: 100%;
  margin-left: -5%;
}

#link1 a {
  font-size: 0.7rem;
  text-decoration: none;
  color: #3B8CD5;
}

#link2 a {
  color: #293D47
}

#link3 a {
  color: #FF3E11;
  font-size: 0.7rem;
  letter-spacing: 0.2rem;
  font-family: 'Silkscreen', sans-serif;
}

a:hover {
  background-color: #BDFF8D
}

* {
  box-sizing: border-box
}

h1 {
  font-weight: 700
}

li:before {
  content: "↪︎ "
}

li {
  text-indent: -.55em;
  padding-left: .55em
}

img {
  text-align: center;
  display: block;
  margin: auto;
}