html{background:url(https://4ngelbytes.neocities.org/imgs/bgs/starstars.gif), radial-gradient(#040112, #000); color:cyan; font-family: ms gothic; font-size:15px}
.container{max-width:1000px}
.metal-frame{background: url(https://4ngelbytes.neocities.org/imgs/bgs/metalbelike.png); padding:5px; background-size:cover;border:1px solid #000; outline:1px solid #aeaeae; border-radius:10px
  }
.inner-screen{
  border:1px solid #000; width:100%; height:100%;border-radius:10px;background:repeating-linear-gradient(to bottom, #FFFFFF85, #FFFFFF85 1px, transparent), linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(13, 13, 13, 1) 100%); padding:5px; box-shadow:0 0 5px #000; background-blend-mode: overlay;
  background-size: 9px 9px, auto;
  background-position: 0 160px, center;
  overflow: auto;
  overflow-x:hidden;
  text-shadow:
    -1px -1px 0 rgba(0, 255, 255, .4),
    1px -1px 0 rgba(0, 255, 255, .4),
    -1px 1px 0 rgba(0, 255, 255, .4),
    1px 1px 0 rgba(0, 255, 255, .4); 
}
              .pal-item:hover {
                transform: translateY(-5px)
              }

              .pal-item:hover .img-square {
                border-color: cyan !important;
                box-shadow: 0 0 25px rgba(0, 255, 255, .8) !important
              }

              .pal-img {
                display: block;
                filter: grayscale(1) brightness(.28) contrast(1.4);
                transition:0,
              }

              .pal-item:hover .pal-img {
                filter: grayscale(0) brightness(1) contrast(1)
              }

              .pal-text {
                max-width: 0;
                overflow: hidden;
                white-space: nowrap;
                transition: max-width 0.8s steps(25), padding-left 0.5s;
                display: block
              }

              .pal-item:hover .pal-text {
                max-width: 100% !important;
                padding-left: 5px
              }

              @keyframes pulse-jitter {

                0%,
                100% {
                  box-shadow: 0 0 5px rgba(0, 255, 255, .5);
                  transform: translateX(0)
                }

                50% {
                  box-shadow: 0 0 15px rgba(0, 255, 255, .5);
                  filter: brightness(1.1)
                }

                10% {
                  transform: translateX(1px) skewX(.5deg)
                }

                20% {
                  transform: translateX(-1px)
                }
              }
.glass-nav{background: radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.3));border: 1px solid rgba(255,255,255,.4);min-height:70px;backdrop-filter:blur(1px);border-radius:10px;display:flex;padding:5px;justify-content:center;align-items:center;flex-wrap:wrap}
.planet{display:inline-block;animation:float 3s ease-in-out infinite}
.planet:hover{animation:none; transition: 2s ease}
@keyframes float{
  0% {transform: translateY(0px)
     }
  50% {transform:translateY(-5px)
      }
  100% {transform:translateY(0px)}
}
.planet{transition: 2s ease !important}
.planet:hover{transform:scale(1.1) !important;transition:2s ease !important;}
#s-m-t-tooltip {
  max-width: 300px;
  z-index: 999;
  margin: 24px 14px 7px 12px;
  padding: 10px;
  background: radial-gradient(#34306e 50%, #0d0a21);
  border: 1px dashed #edbf40;
  color: #f0eb99;
  font-size: 16px;
  text-shadow: 0 0 3px;
  text-align: left;
  filter: grayscale(30%);
}
a{transition:1s}
a:hover{letter-spacing:.5px;transition:1s}

.underlinedtext{transition:1s}
.underlinedtext:hover{letter-spacing:1px;transition:1s}
#statuscafe {
    padding: .5em;
    background-color: azure;
    border: 1px solid midnightblue;
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}
.homecontainer{
  display:flex;
  gap:10px;animation:float 3s ease-in-out infinite
              }
.homecolumn{flex:1}