kenken999's picture
fだ
cfecc3f
raw
history blame
957 Bytes
html,
body {
background-image: url('background.png');
background-size: cover;
margin: 0;
overflow: hidden;
color: #FFFFFF;
}
div.aiResponseBox {
position: absolute;
top: 10%;
width: 70%;
right: 20%;
}
div.response {
position: absolute;
bottom: 0%;
width: 80%;
margin-left: 2%;
margin-right: 10%;
}
div {
text-align: center;
}
.ai-response {
font-size: 1rem;
font-weight: 300;
line-height: 1.4em;
padding: 5px;
background-color: rgba(0, 0, 0, 0.5);
}
#userComment {
text-align: center;
font-size: 24px;
margin: 2rem;
}
#typewriter::after {
content: "|";
animation-name: blink;
animation-duration: 1s;
animation-iteration-count: infinite;
}
#vtuber {
position: absolute;
bottom: -3%;
right: 15%;
width: 100%;
text-align: right;
}
@keyframes blink {
from {
opacity: 0;
}
to {
opacity: 1;
}
}