.box {
width: 240px;
height: 330px;
color: white;
border-radius: 20px;
position:absolute;
border: 1px solid #a1920d;
margin-left: 500px;
margin-top: 200px;
z-index: 5;
background: black;
padding-right: 25px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.w1 {
display: flex-start;
align-items: flex-start;
flex-direction: column;
justify-content: center;
text-align: center;
}
.diologue p {
text-align:justify
color: #9acced;
font-style: italic;
font-family:"Edu QLD Beginner", cursive;
}
.diologue b {
color: grey;
align-items: center
font-family:"Courier Prime", monospace;
}
.diologue a {
color: white;
text-align:center
font-family: "Courier Prime", monospace;
text-decoration: none;
}
.box2 {
width: 240px;
height: 210px;
color: white;
border-radius: 20px;
position:absolute;
border: 1px solid #757575;
margin-left: 500px;
margin-top: 575px;
z-index: 3;
background: black;
padding-right: 25px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
}
.you {
color: grey;
text-align: center;
font-family:"Courier Prime", monospace;
font-style: bold;
text-decoration: none;
}
.chat {
color: white;
text-align: center;
font-family:"Courier Prime", monospace;
text-decoration: none;
}
.HiB {
text-align: justify;
color: #9acced;
font-style: normal;
font-family: "Edu QLD Beginner", cursive;
text-decoration: none;
}