/* --- SWIRL DESIGN BLUEPRINT --- */
body {
  cursor: url("https://foollovers.com/mat/i-foodf/h02-icon-strawberry.gif"), auto;
}
html {
  image-rendering: pixelated;
}
a:hover {
  cursor: url("https://foollovers.com/mat/i-foodf/h02-icon-strawberry.gif"), auto;
}

.SWIRL-IS-ALIVE {
  max-width: 1050px;
  margin: 0 auto;
  padding: 10px;
}

#section {
  display: grid !important;
  grid-template-columns: 215px 1fr 200px !important; /* Forces 3 columns side-by-side */
  grid-gap: 12px;
  align-items: start;
}

#left { width: 215px; }
#center { min-width: 0; }
#right { width: 200px; }

/* White retro content boxes */
.container, .about-me, .blackboard, .update-log {
  background-color: #ffffff !important;
  border: 1px solid #ffcbd5 !important;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 12px;
  box-shadow: 1px 1px 3px rgba(255, 182, 193, 0.3);
}

/* Alignment helpers */
.float1 { float: left; margin-right: 5px; }
.float2 { float: right; margin-left: 5px; }
.container::after, .about-me::after, .bulletin-board::after {
  content: "";
  display: table;
  clear: both;
}

/* Custom Scrollbar Styles */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-thumb {
   background-color: #FF4FA7;
   border: 2px solid #ffffff;
   border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover { background-color: #e0368d; }
::-webkit-scrollbar-track { background-color: #fff0f4; }
::-webkit-scrollbar-button { display: none; }

/* Theme text decors */
.div-a {   
  text-align:center;   
  margin-top:10px;   
  margin-bottom:5px;   
  max-width: 170px;
  min-width: 120px;
  border-radius: 17px;
  padding-top: 7px;
  padding-bottom: 7px;
  box-shadow: -1px -1.4px 1px inset #9e9699, 2px 3px 1.5px inset white, 0px 0px 2px #aba4a6;
  margin: auto;
  background-image:url("https://mimichuusparkle.neocities.org/images/ab08-bg-checked.gif");      
}      
.div-b {  
  font-size:17px;  
  color:#fddeed;
  text-shadow: rgb(252, 152, 187) 2px 0px 0px, rgb(252, 152, 187) 1.75517px 0.958851px 0px, rgb(252, 152, 187) 1.0806px 1.68294px 0px, rgb(252, 152, 187) 0.141474px 1.99499px 0px, rgb(252, 152, 187) -0.832294px 1.81859px 0px, rgb(252, 152, 187) -1.60229px 1.19694px 0px, rgb(252, 152, 187) -1.97998px 0.28224px 0px, rgb(252, 152, 187) -1.87291px -0.701566px 0px, rgb(252, 152, 187) -1.30729px -1.5136px 0px, rgb(252, 152, 187) -0.421592px -1.95506px 0px, rgb(252, 152, 187) 0.567324px -1.91785px 0px, rgb(252, 152, 187) 1.41734px -1.41108px 0px, rgb(252, 152, 187) 1.92034px -0.558831px 0px;
}
.bar a {  
  color:#666666;
}