* {box-sizing: border-box;}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/Montserrat-Regular.woff);
}

:root {--dark: #181818}

::selection {background-color: #A9A9A9;
color:var(--dark)}

body {font-family: Montserrat;
font-size: 10pt;
background-color: #AB8168;}

a {color:#727856;}

.box {border:1px solid #2B2B2B;
box-shadow:2px 2px 2px #3535354d;
padding-top:30px;
position:absolute;
background-color: #1F1F1F;
width:300px;
color:#A9A9A9;
padding-bottom:20px;
max-height:400px;
}
.boxinner {overflow-y: auto;
    scrollbar-width: thin;
padding-left:10px;
padding-right:10px;
max-height:350px;}

.boxtop {width:100%;
    display:flex;
    align-items: center;
    justify-content: space-between;
background-color:var(--dark);
position:absolute;
border-bottom:#2B2B2B 1px solid;
top:0;
left:0;
height:30px;
padding:5px;
color:#e0e1dd;
font-size: 9pt;}
#title {display:flex;align-items: center;}
#windowx {justify-self:right;}

.boxtop img {margin-right:5px;}

.boxbottom {position:absolute;
    background-color: #1a1a1a;
height:15px;
border-top:#2B2B2B 1px solid;
font-size: 7pt;
padding:3px;
width:100%;
bottom:0;
left:0;}


.boxtwo {border:10px solid #181818;
box-shadow:2px 2px 2px #35353562;
position:absolute;
color:#A9A9A9;
background-color: #1F1F1F;
overflow:hidden;}

.boxtwo img {
    height:100%;
    object-fit: cover;
}

.pic1 {height:450px;
width:330px;
top:200px;
left:40px;}
.pic2 {height:350px;
width:400px;
top:20px;
left:900px;}
.pic3 {width:450px;
height:350px;
top:350px;
left:650px;}
.pic4 {height:450px;
top:700px;
left:450px;}
.pic5 {height:350px;
left:421px;}
.pic6 {height:350px;
top:740px;
left:700px;}
.pic7 {height:300px;
left:1200px;
top:200px;}
.pic8 {
height:360px;
top:660px;}
.pic9 {
    left:1100px;
    top:540px;
height:360px;}

.song1 {top:50px;
left:50px;}
.song2 {top:670px;
left:270px;}
.song3 {top:35px;
left:1400px;}
.song4 {top:1000px;
left:1000px;}
.poem {top:500px;
left:1600px;}

pre {white-space: pre-wrap;}

.one {top:60px;
left:1600px;}
.two {top:500px;
left:1100px;}
.three {top:800px;
left:30px;}
.four {top:300px;
left:350px;}

.marquee {
  width:500px;
  background-color: #181818;
  color:#A9A9A9;
  padding:10px;
  border-radius:5px;
  margin:auto;
}

.bottom {left:600px;
top:600px;}

.mycatdied {z-index:100;
    position:absolute;
font-size: 100pt;
bottom:0;
font-weight: bold;
color:#e0e1dd;
width:fit-content;
}