body {
  font-family: "Courier New", monospace;
  font-size: 11px;
  background: url(https://64.media.tumblr.com/35c1a8050975cddf6ffc3d7323eece19/987fa21705ff793d-23/s1280x1920/0e410ad3ae767bf449bd9ba070257d13fd8057e8.gifv),#f0f0f0 url(https://64.media.tumblr.com/32a9e3a73794fee344f5c623afad4891/107cbd0a28f06d96-82/s250x400/1604ed1f79e66c7bdd1183e9fa228c537b318403.png);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  letter-spacing: 1px;
  text-shadow: 0px 0px 1px;
  color: #2E294E;
  padding: 8px 0;}
  
a:link,a:visited,a:active {
color: #2E294E;
text-decoration: none;}

body {
    cursor: url("https://ashymakesstuff.neocities.org/Pixels/Sea_Slug_32x32_1.png"), auto;
}

a:hover {
color: #2E294E;text-decoration:underline;}

b {font-weight:bold;font-style:normal;}
i {color:#8661C1;font-family:monospace;font-style:italic;font-weight:bold;text-transform:uppercase;letter-spacing:2px;}
u {text-decoration:none;font-style:italic;}

.layout {
display: flex;
flex-wrap: wrap;}

.container {
width: 930px;
max-width: 100%;
background-color: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 5px rgba(0,0,0,0.2);
border:1px dashed #B811B8;
border-image: url(border.png) 50 round;
}

.banner {
width: 100%;
height: 220px;
background: url("https://muralsyourway.vtexassets.com/arquivos/ids/231943-825-auto?width=825&height=auto&aspect=true") center;
background-size: cover;
background-position: center;
border-bottom: 1px solid #ddd;
text-align:center;}

.sitename {font:23px 'pixelify sans';letter-spacing:3px;text-shadow:1px 1px 2px #FFADE2; padding-top:180px; color:#fff;}

.layout {
display: flex;
flex-wrap: wrap;}

.leftside {
width: 100px;
background-color: #fff;
padding: 5px;
flex-shrink: 0;
border-right:1px solid #ddd;}

.footer {
width:100%;
height: 60px;
align-items: center;
justify-content:center;
padding:5px;
background: linear-gradient(145deg, #9cdcff, #76ffa3, #d5fbfb);
display: block;
text-align: center;
unicode-bidi: isolate;
}

.navi {
display: block;
padding: 6px 5px;
border-radius: 3px;
transition: background 0.2s;
background: linear-gradient(145deg,#d4f0ff, #c5ffd8);
margin-bottom:4px;
text-transform:uppercase;
font: 10px 'ms gothic', "courier new";
font-size: 12px;
letter-spacing:3px;}

.stickers {
  display:block;
  padding: 6px 5px;
  justify-content:center;
  margin-bottom:5px;
}

.boxtitle {
text-transform:uppercase;
font-weight:bold;
border-bottom: 2px #B811B8;
margin-bottom:4px;
padding-top:0px;
letter-spacing:3px;
font:11px 'ms gothic', "courier new";
padding-left:5px;
text-align:center;
}

.center { 
  flex:2; 
  padding: 6px;
  background:#FFF; 
  }
  
.header {
  padding:10px;
  text-align:justify;
  margin:10px;
  margin-bottom:10px;
  background: #C4F5D5;
  border-radius: 4px;
}

.box {
  text-align:justify;
  margin:10px;
  background: #c1c3e5;
  border-radius: 4px;
  color: #fff;
  padding:10px;
}

  .grid {
 columns: 2;
 }

.rightsidebar {
width: 100px;
background-color: #fff;
padding: 5px;
flex-shrink: 0;
border-left:1px solid #ddd;}

.stamps {
  width: 100px;
  height: 100px;
}

.statuswidget {
  border: dashed 2px #D5FBFB;
  justify-content:center;
  padding: 5px;
  margin:5px;
  margin-top:0px;
}

.status {
 display: flex;
 width: 100%;
 flex-direction: column;
 column-gap:10px;
}

.updates {
  height:50%;
  width: 335px;
  border: dashed 2px #D5FBFB;
  padding: 5px;
  margin:3px;
}

.activity {
  display:flex; 
  width: 90%;
  font: 10px 'ms gothic', "courier new";
  font-size: 12px;
  letter-spacing:2px;
  padding:3px 10px;
  border-radius: 4px;
  margin-top: 7px;
  background: linear-gradient(145deg, #d4f0ff, #c5ffd8, #ffffff00);  
}
.bug {
padding-right:5px;
}

#borderimg1 {
  border: 50px solid transparent;
  border-image: url(https://ashymakesstuff.neocities.org/Pixels/border.png) 37% round;
}