body
{
background-color: pink;
border-top-style: dotted;
border-top-color: hotpink;
border-bottom-style: dotted;
border-bottom-color: hotpink;
}

.topRight {
margin-top: 20px;
background: #ffe4e1;
border: 2.5px solid #000;
margin-bottom: 20px;
max-width: 550px;
border-radius: 10px;
}


span#hUp::before {
content: " Bug Time ";
font-size: 13px;
animation-duration: 0.8s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: blinkingRed;
font-family: monospace;
}

.topLeft {
margin-top: 20px;
background-color: #ffe4e1;
box-shadow: 2px 2px 5px #000;
border-width: 20px;
border-color: LightPink;
}
.topLeft {
float: left;
border: 2.5px solid #ffe4e1;
border-radius: 10px;
width: calc( 40% - 20px );
padding: 6px;
}

.rightHead {
text-color:#ffffff;
margin-bottom: 0px;
background: #ffe4e1;
padding-left: 4px;
text-align: center;
}

div.box.fwiends {
background-color: #ffe4e1;
border: 2.5px solid #ebbbd8;
border-image-slice: 100%;
border-image-slice: 1;
border-radius: 10px;
padding: 10px 10px;
box-shadow: 2px 2px 5px #ffc0cb;
margin-bottom: 25px;
box-shadow: 2px 2px 5px #000;
}
.box {
border: none;
overflow: hidden;
}


.boxHead {
background: #ffe4e1;
Color: Pink;
text-decoration-style: wavy;
padding: 3px;
padding-bottom: 4px;
padding-left: 6px;
}

.text-box{
width: 200px;
height: 100px;
background-color: LightPink;
font-family: Arial,sans-serif;
font-size: 16px;
color: red;
padding: 10px;
}