* {
  margin: 0;  
  padding: 0;
  box-sizing: border-box;
  font-size: 100%;
  font-weight: normal;
}

body {
  padding: 8px;
  font-size: 16px;
  font-family: 'Inter', monospace;
  line-height: 1.7;
  word-break: keep-all;
  background-color: black;
  color: snow;
}

.back:hover {
    background-color: lightgreen;
}

.back a {
   color: black;
}

a {
  text-decoration: none;
}

.back {
  text-align: center;
  position: fixed;
  bottom: 48px;
  right: 32px;
  width: 150px;
  padding: 8px;
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
  font-size:10px;
  text-align: right;
  background-color: snow;
  color: black; 
  z-index: 9999; }

.typewriter {
  font-family: 'Special Elite', cursive;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid black;
  width: 0ch;
  animation: typing 3s steps(30, end) forwards, blink 0.7s step-end infinite;
  max-width: 100%;
}

@keyframes typing {
  from { width: 0ch; }
  to { width: 30ch; } /* 글자 수만큼 ch로 */
}

@keyframes blink {
  50% { border-color: transparent; }
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 100%;
font-weight: normal;
}


body {
padding: 8px;
font-size: 16px;
font-family: 'Special Elite', cursive;
line-height: 1.7;
word-break: keep-all;
background-color: black;
color: snow;
}


a { text-decoration: none; }


.typewriter {
font-family: 'Special Elite', cursive;
overflow: hidden;
white-space: nowrap;
border-right: 2px solid snow;
width: 0ch;
animation: typing 3s steps(30, end) forwards, blink 0.7s step-end infinite;
max-width: 100%;
}


@keyframes typing {
from { width: 0ch; }
to { width: 30ch; }
}


@keyframes blink { 50% { border-color: transparent; } }


.cursor {
  font-size: 80px;
  font-family: "inter";
}

#people div {
  padding: 10px;
  padding-left: 40px;
}

#people div.person:hover {
  background-color: orange;
  cursor: pointer; /* 마우스가 클릭 가능하다는 느낌 */
}

.Q {
  color: orange;
  font-style: italic;
  font-family: "inter";
  font-size: 15px;
}

.A {
  color: beige;
  font-family: "inter";
  font-size: 15px;
}