body {
  /*background-image: url(https://i.pinimg.com/736x/17/0e/30/170e30f788f05ac18d31e423b28dc119.jpg);*/
  background-color: black;
 /*background-repeat: no-repeat;
 background-size: cover;*/
 /*background-position: 50%, 50%;*/
 /*background-attachment: fixed;*/
  /*color: black;*/
  text-align: justify;
  font-size: 13px;
  letter-spacing: 2px;
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=27885), auto;
}

div {
  display: block;
  unicode-bidi: isolate;
}

/*SCROLLBAR*/
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgb(242,240,239); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #7A687F; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* LINKS */
a:link {
  color: red;
  text-decoration: none;
}

a:visited {
  color: blue;
  text-decoration: line-through;
}

a:hover {
  color: hotpink;
  text-decoration-line: underline;
  text-decoration-style: wavy;
}

a:active {
  color: green;
}

/* SELECTION COLOR */
::selection {
    background: rgb(122, 104, 127);
    color: white;
    text-shadow: none;
}

/* TEXT LIKE P */
p {
  padding: 2px;
}

/* CONTAINERS */
/*the floating white middle box*/
#main{
  float: none;
  width: 700px;
  height: 500px;
  top: 100px;
  padding: 20px;
  left: 400px;
  position: fixed;
  background-color: white; /*rgb(242,240,239)*/
  border-radius: 10px;
  box-shadow: 0px 0px 27px 2px rgba(255,255,255,0.9);
}

/*MAIN WEBSITE PAGE*/

/* update box on the side of intro */
#main-1 {
  float: left;
  width: 70px;
  height: 70px;
}

/*intro blurb on top */
#intro{
  left: 100px;
  position: absolute;
  width: 365px;
  height: 240px;
  padding: 5px;
  /*border: dotted;*/
}

/*box on the right of intro for widgets*/
#widgets{
  right: 10px;
  position: absolute;
  width: 230px;
  /*height: 240px;*/
  padding: 5px;
 /* border: dotted;*/
}

#updates{
  right: 10px;
  top: 100px;
  position: absolute;
  width: 230px;
  height: 120px;
  padding: 5px;
  /*border: double;*/
}

/* to do list */

/*butterfly icon on right */
#rightbox1{
  float: right;
  width: 100px;
  height: 100px;
  position: fixed;
  right: 260px;
  top: 100px;
  padding: 0px;
}


/*box containing links */
#left-box {
  width: 125px;
  float: left;
  position: fixed;
  left: 70px;
  top: 180px;
  padding: 5px;
  /*background-color: rgb(242,240,239);*/
  /*border-radius: 10px;*/
  /*border-style: inset;*/
}

/*box containing links */
#time {
  width: 125px;
  float: left;
  position: fixed;
  left: 200px;
  top: 155px;
  padding: 5px;
  background-color: black;
}

#links {
  padding: 5px;
  border: 2px;
}

#button {
  position: absolute;
  top: 300px;
  width: 120px;
}