/* Background and default text */
body {
  background: #f5faff url('background-sailor.jpg') no-repeat center center fixed;
  background-size: cover; /* you can remove url(...) if you don't want a bg image */
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #009;
  line-height: 1.6;
}
.title-img {
  display: block;
  margin: 0 auto 20px auto; /* centers it + adds bottom space */
  max-width: 400px;         /* makes sure it’s not too big */
  height: auto;             /* keeps proportions */
}

/* The white box that holds all your entries */
.diary-container {
  max-width: 600px; /* makes sure it’s not too wide */
  margin: 40px auto; /* centers it */
  background: #fff;
  padding: 20px;
  border: 2px solid #cde;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}


.musicclock-img {
  position: absolute;   /* allows it to float anywhere */
  top: 40px;            /* distance from top of the page */
  right: 1%;   /* horizontal center */
  left: 86%;
  transform: translateX(-50%); /* center exactly */
  width: auto;
  max-width: 160px; /* adjust size */
  line-height: 1;
  margin: 0;
  padding: 0;
  height: auto;
  z-index: 10;          /* ensures it appears above other content */
}

.interests-container {
  width: 199px;/* makes sure it’s not too wide */
  position: absolute;
  top: 90px;
  margin-left: 650px; /* pushes it to the right*/
  height: 500px;
  margin-top: 120px;
  background: #fff;
  padding: 20px;
  border: 2px solid #cde;
  border-radius: 11px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  text-align: left;
}

.sailorbutton-img {
  max-width: 600px;
  display: inline-block;
  line-height: 1;
  margin: 0;
  padding: 0;
}
  
  .fatalbutton-img {
    max-width: 600px;
  display: inline-block;
  line-height: 1;
  margin: 0;
  padding: 0;
}
  


/* Each diary entry block */
.entry {
  border-top: 1px dashed #aac; /* line between entries */
  padding: 15px 0;
}

.entry:first-child {
  border-top: none; /* removes top border for the very first entry */
}

/* The date line */
.date {
  font-size: 12px;
  color: #888;
  margin-bottom: 5px;
}

/* The actual diary text */
.content {
  font-size: 14px;
}

/* Images you add inside entries */
.inline-img {
  max-width: 70px;
  display: block;
  margin: 1px;
  vertical-align: middle;
  height : auto;
}


body { 
  cursor: url("cursor-normal.png"), pointer;
 }  
    

  
  
  {