body {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100vh;
  margin: 0 0 0 0;
}
@media (max-width:585px) {body{width:80vw}}
@media (min-width:586px) {body{width:60vw}}
textarea,input {
  padding: 0;
  overflow-y: hidden;
  overflow-x: auto;
  box-sizing: border-box;
  white-space: pre;
  resize: none;
  outline: none;
  border: 2px solid #666;
  border-radius: .75vw;
  background: #c7c7c7;
}
textarea {width: 100%;}
.infos {
  position: relative;
  top: 1rem
}
.outputsArea {
  position: relative;
  width: 96vw;
  left: 0%;
}
.names {
  position: relative;
  width: 70%;
  left: 0%;
  font-size: 1rem;
  line-height: 1;
}
.stars {
  position: relative;
  width: 20%;
  font-size: unset;
  line-height: 1;
  margin: 0 0 0 0vw;
  text-align: right;
  overflow-x: hidden;
}
.outputs {
  position: relative;
  width: 96vw;
  left: 0%;
  top: .4rem;
}
.center {
  width: 100%;
  margin: auto;
  text-align: center;
}
.noSelect {user-select: none;}
@font-face {
  font-family: 'hanyi-65J';
  src: url('https://kdx233.github.io/res/fonts/hanyi-65J.ttf');
}
@font-face {
  font-family: 'hanyi-65W';
  src: url('https://kdx233.github.io/res/fonts/hanyi-65W.ttf');
}
@font-face {
  font-family: 'din';
  src: url('https://kdx233.github.io/res/fonts/DINPro-Medium.otf');
}
/* html:not(.is-mobile) *, html:not(.is-mobile) :after, html:not(.is-mobile) :before {    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAWJAAAFiQFtaJ36AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANWSURBVHgB7VZNaBNBFH4zm7YW+pNcpD9pmh4UxRZSomJBJbkJUvSiFA+SQkH01OLFS2lu7UWboiBVIcVDERVERRAUGrUYsI0pqJdesv1LPQj5O9gm2RlnNtntpk22TVpTD36Q7MvMy+bb733zXiCy6rfCPgILUqUjHv46tV9EMBAapZQ6MKkMxsKBfigzMEI0ygMptWYECqPxlYC3nGrgtMEg8uB3PCwvUAAXU2MqvhxwQRmAlUBKrWvXrRSBtxxqYFNjp8gDJAi8DDmb5VBDUSCKsaFQzl9VQyWAGAGSXi+YqKgRWZy9CHtPAMkEJJreLt+KBfQiEQ6ORkJBI+wBMgQIWZBLIG1LIJNOST+uJMHI8hcb7BIZAoiXgJlQU4JYPAGTT1/rfdeKkRBMrAaHYNcEKDOhwDxANhSIxRJwfcAtvxaXwgVvQAhxx1YCoVINmvUAjWJDFdA8JeAqnL90De4/nNS7j5UZNFSKGoi/8XOelta8iV8hMDYcVTfrm+05yZaWJnjzbFy+6kAkOOk0NXaJsAOonVAwHABK9E3IS9FxqhuGb4/rpRWlhkwAUSLyK0nl7wNGYw1YrQ3q55E7D2QieiZl3uiP7KCDygTS2YnI27EW9XW1mSsj8G7KA1dd59Q9rkYhk7K6TrAydJrM9gnYCQEQKmQCVJJyCdTXqHErU+CR9xa8Z0S0aigmVdRgT+6sa7b3FueBNZAJ4IqqLQNpM846bDAfegKDQy51jSswzMqCKPWZWk74oAjIBExtnRkCBQbSgvhzy9qg25VTkjNddtZO6EsoElgTi9wD2oFkMec/bh99c3CorQceT7xV165c7gYC1AdFIueRcXYgVRRI5kr09Y7AB0ZgM0532UXWN+agSKgKIIREpDOQbg7ck586349z+ZnzfVACVAKUTUTejLQDqdXcqMZ3Pc8L3oTLL5VQ/xwCCrQDqaP9iNoL9MDkB0gKPigBSAliSzPu5HpiiCtQXXtQJAjGBEIvUIRs337MG6c/B2DaPwuf/AF5VCvgc+G7/5WvznzcCSXAoKESrayuj7JGMkaS2JM9mh6+FVmacRxrP2y70dezhZDF0lTS8dv42SzkfzepClHpCXrghEDANkUhQiWnyXyy6BPwH/8E/gDrE445VXMebgAAAABJRU5ErkJggg==),auto;} */
* {
  font-family: 'din','hanyi-65W','hanyi-65J';
  box-sizing: border-box;
}
a {
  background-color: transparent
}
a:active,a:hover {
  outline: 0
}
a {
  color: #1e6bb8;
  text-decoration: none
}
a:hover {
  text-decoration: underline
}
p {
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}
button {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  line-height:1.6rem;
  background-color:transparent;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:none;
  outline:none;
  vertical-align:middle;
  color: #000000;
  width:7.3rem;
  height:1.6rem;
  background-image:url('../res/objects.png');
  background-repeat:no-repeat;
  background-size:21.1666666667rem 20rem;
  background-position:25.9615384615% 80.4347826087%;
}
p.black {
  color: #333;
  font-size: .9rem;
}
.site-footer {
  position: relative;
}
.site-footer a {
  font-size: .89rem;
}
.site-footer-owner {
  display: block;
  font-weight: bold
}
.site-footer-credits {
  color: #819198
}