.color1::before,
.color1 > .title-bar1 {
  background-color: #96c0c4;;
  opacity: 0.6;
  background-size: fill;
    /*background-color: #94C2E9; D8E8F7*/
    
}
      
body {
    background-image: url("https://caitsith.neocities.org/dither_it_dcd9389b7b4e8e22d00c8d1c6e0ecea6.jpg");  
    background-size: fill;
    font-family: ms pgothic;
    overflow-x: hidden;
    position: relative;
  /* https://i.pinimg.com/564x/b9/17/29/b917297870041ebe05452becbeda0208.jpg 
  https://i.pinimg.com/736x/15/d1/b9/15d1b9afe432d3febe11dc2131caac3e.jpg*/ 
}
    
.navbarcontainer {
    margin-top: -8px;
}
    
    
.navbar {
    width:1600px;
        font-size:11px;
}

a:link {
    color: black;
    text-decoration: none;
    font-size:px;
    z-index: 9999999; 
}

a:visited {
    color: black;
    z-index: 9999999;   
}

a:hover {
    color: white;
    text-shadow:
      1px 1px 2px black,
      0 0 1em #FFC0CB,
      0 0 0.2em #FFC0CB;
    z-index: 9999999;
}
.cat {
    font-family: Octuple;
    font-size: 17px;
    float: right; 
    margin: 5px;  
}

.musicplayer {
    text-shadow: -1px 1px #96c0c4, 1px -1px #96c0c4, -1px -1px #96c0c4,
    1px 1px #96c0c4;
    font-family: ms pgothic;
    color: #ffffff;
}

img.sitename:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}


@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.static {
    position: absolute;
}

.header {
    font-family: times; 
    font-size: 101px;
    background: linear-gradient(#96c0c4, #F5F2F9, #96c0c4);
    background-repeat: repeat;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black; 
    margin: auto;
    width: 600px;
    margin-top: -30px;
  /* :333333*/
}

.neocities {
    font-family: arial; 
    font-size: 16px;
    background: linear-gradient(#D8E8F7, #F5F2F9, #D8E8F7);
    background-repeat: repeat;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black; 
    margin-right: -200px;
    
     width: 600px;
    margin-top: -10px;
  /* :333333*/
}

.headercontainer {
    position: relative;
    margin-top: -100px;
    background-image: url("compfade.png");
 margin: auto;
 position: absolute;
 border: ridge 2px;
}


.crt::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 30%, rgba(0, 0, 0, 0.10) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    z-index: 2;
    background-size: 200% 2px, 3px 200%;
    pointer-events: none;
}


.aboutme {
    border: 0px;  
    border-style: solid;
    background-image: url("/pictochat/pictohomescreentemp1.png");
    background-size: cover;
    margin: auto; 
    width: 239px;  
    height: 108px; 
    padding: 2px;
    border-radius: 0px;
    position: relative;
    top: 0px;
    right: 0px;
  }
  
.cbox1 {
    width: 180px;
    height: 160px;
    border: 0px ridge;
    font-family: ms pgothic;
  }
  
.left {
    float: left;
    width: 271px;
    height: 609px;
    position: absolute;
margin-top: -12px;
  }
  
.right {
    position: absolute;
margin-top: -12px;
  }
  
.mainbox {
    position: relative;
    right: -316px;
    margin-top: -49px; 
    width: 660px;
 font-family: ms gothic;
  }

.container {
    position: absolute;
    margin-top: 100px;
    width: 1200px;
    margin: auto;
  
}


.containercontainer {
    margin-top: 30px;
}
/* STATUS CAFE*/
#statuscafe {
    padding: .5em;
    
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
    line-height: 18px;
}

li:hover {
   box-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; 
}

b:hover {
 background: gray;
    background-repeat: repeat;
    -webkit-background-clip: text;
    color: transparent;
     text-shadow: none;
    -webkit-text-stroke-color: ; 
    
}

ul:hover {
text-shadow: green 1px;  
}

.rightcontainer {
    position: relative;
    top: -900px;
    right: -979px;
}

.leftcontainer {
    position: relative;
    top: -900px;
    right: -39px;
}

.last {
  background-image: url("https://caitsith.neocities.org/radioframe1.png");
  width: 279px;
  height: 170px;
}

.todo {
    height: 230px;
    border: 2px ridge #bbb;
    width: 160px;
    
}

.navi {
    border-bottom: 1px ridge #bbb;
    padding: 2px;
     
     background-sizee: cover;
    /*background-image: url("https://i.pinimg.com/736x/8b/62/48/8b6248027af88c684cfb3a99c06ed50d.jpg");*/
}

.navi1 {
    border-bottom: 1px ridge #bbb;
    padding: 2px;
     
    /*background: linear-gradient(#ffffff, #F5F2F9, #edf4fa);*/
}

.tableheader {
    border-bottom: 1px ridge #bbb;
    padding: 2px;
     background-image: url("https://caitsith.neocities.org/effie11.png");
    /*background-image: url("https://i.pinimg.com/736x/8b/62/48/8b6248027af88c684cfb3a99c06ed50d.jpg");*/
}

.contents {
    overflow-y: scroll;
    height: 210px;
    background: linear-gradient(#96c0c4, #F5F2F9, #D8E8F7);
}

.contents1 {
    overflow-y: scroll;
    height: 210px;
    background: linear-gradient(#96c0c4, #F5F2F9, #D8E8F7);
    background-size: cover;
}

.changelog {
    width: 460px;
    height: 219px;
    border: 1px ridge #bbb;
   
}

.nokia {
  margin-left: 460px;
  margin-top: 160px;
}

.title {
  background-image: url("https://s4t1nr1bb0nz.neocities.org/effie1.png");
  }
  
  .sitename {
 width: 1031px;
 height: 100px;
 background-image: url("compfade.png");
 background-position: center;
 position: absolute;
 border: ridge 2px;
}

b {
  background-image: url("https://png.pngtree.com/thumb_back/fw800/background/20240127/pngtree-light-sky-blue-white-gradient-background-image_15615321.jpg");
    background-repeat: repeat;
    -webkit-background-clip: text;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    -webkit-text-stroke-width: px;
    -webkit-text-stroke-color: white; 
  }
  
  .ads {
    position: relative;
    right: -40px;
    top: 906px;
  }

::selection {
  color: #D8E8F7;
  background: gray;
}



/* FONTS */
    @font-face {
      font-family: Octuple;
      src: url("octuplemaxdemo.ttf") format("truetype");
}

    @font-face {
      font-family: DSds;
      src: url("DSBIOS.ttf") format("truetype");
}

    @font-face {
      font-family: prototype;
      src: url("Prototype.ttf") format("truetype");
}
  
   @font-face {
      font-family: projects;
      src: url("/fonts/PROJECTS.TTF") format("truetype");
}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur266.cur), auto !important;} /* End https://www.cursors-4u.com */