/* -------------- container -------------- */
html {
  overflow-y: scroll;         /* keep scrolling enabled */
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE 10+ and legacy Edge */
}

html::-webkit-scrollbar {
  display: none;              /* Chrome, Safari, Opera */
}
.text {
	background-color: #1d1d1d;
	width: 300px;
	height: 280px;
	overflow-y: scroll;
    line-height: 2.5;
    text-align: left;
  transform: perspective(90px) rotatey(-3deg);
}
#intro::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #1d1d1d;
}

#intro::-webkit-scrollbar
{
	width: 5px;
	background-color: #5d5d5d;
}

#intro::-webkit-scrollbar-thumb
{
	background-color: #5d5d5d;
}
/* -------------- positioning -------------- */
.music-player{
    position: absolute;
	z-index: 1;
	top: -15px;
	left:500px;
}
.container {
	position: relative;
}

#monitor {
  display: inline-block; 
}
#intro {
	position: absolute;
	z-index: 5;
	text-align: center;
}
#monitor {
	position: absolute;
	z-index: 1;
	top: -15px;
	left: 600px;
	pointer-events: none;
	filter: drop-shadow(rgba(0, 0, 0, 0.294) 0.10rem 0.8rem 5px);
}
#intro {
    position: absolute;
	z-index: 1;
    rotate: -1deg;
	top: 70px;
	left: 840px;
	pointer-events: auto;
    color: #fff;
}
#catStatic {
    position: absolute;
	z-index: 1;
	top: 100px;
	left: -300px;
	pointer-events: none;
}
#catAnimated {
    position: absolute;
	z-index: 1;
	top: 100px;
	left: -300px;
	pointer-events: none;
}
#chair {
    position: absolute;
	z-index: 1;
	top: -15px;
	left: -300px;
	pointer-events: none;
}
#table{
    position: absolute;
	z-index: 0;
	top: 340px;
	left: 460px;
	pointer-events: none;
    filter: drop-shadow(rgba(0, 0, 0, 0.294) 0.10rem 0.8rem 5px);
}