body {
    margin: 0;
    padding: 0;
    font-family: JetBrains Mono;
    background-color: #181A1B;
  }

  
  .SxlievoUkStartpage {
    left: 14px;
    top: 14px;
    position: absolute;
    color: #00AFFF;
    font-size: 40px;
    font-weight: 400;
    word-wrap: break-word;
  }
  
  .Design {
    left: 576px;
    top: 14px;
    position: absolute;
    color: #5FD700;
    font-size: 40px;
    font-weight: 400;
    word-wrap: break-word;
  }
  
  .ShStartpage1Run {
    left: 14px;
    top: 77px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-weight: 400;
    word-wrap: break-word;
  }
  
  .Rectangle18 {
    width: 37px;
    height: 52px;
    left: 477px;
    top: 166px;
    position: absolute;
  }
  
  .Media {
    left: 576px;
    top: 221px;
    position: absolute;
    color: #00AFFF;
    font-size: 40px;
    font-weight: 400;
  }
  
  .WelcomeBackSxlievoFedora {
    left: 576px;
    top: 153px;
    position: absolute;
  }
  
  .WelcomeBackSxlievoFedora span {
    font-size: 40px;
    font-weight: 400;
  }
  
  .WelcomeBackSxlievoFedora span:first-child {
    color: white;
  }
  
  .WelcomeBackSxlievoFedora span:last-child {
    color: #FF55FF;
  }
  
  .Youtube {
    left: 576px;
    top: 289px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;
    transition: color 0.5s ease;
  }

  #Cat1:hover{
    color: #00AFFF;
  }

  #Cat1{
    color: white;
    text-decoration: none;
    transition: color 0.5s ease;
  }

  a{
    text-decoration: none;
    color: white;
  }
  
  .Fun {
    left: 947px;
    top: 221px;
    position: absolute;
    color: #FFFF55;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;

  }
  
  .TetrIo {
    left: 947px;
    top: 289px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;

  }
  
  .Jstris {
    left: 946px;
    top: 357px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;

  }
  
  .YoutubeMusic {
    left: 576px;
    top: 357px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;

  }
  
  .Twitch {
    left: 576px;
    top: 425px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;

  }
  
  .Spotify {
    left: 576px;
    top: 493px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;

  }
  
  .Social {
    left: 576px;
    top: 585px;
    position: absolute;
    color: #5FD700;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
  }
  
  .Whatsapp {
    left: 576px;
    top: 653px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;

  }
  
  .Instagram {
    left: 576px;
    top: 721px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;

  }
  
  .Twitter {
    left: 576px;
    top: 789px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;

  }
  
  .Discord {
    left: 576px;
    top: 857px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    cursor: pointer;

  }

  .Cubedesk {
    left: 947px;
    top: 425px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    cursor: pointer;

  }
  
  .Speedcubedb {
    left: 947px;
    top: 493px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    cursor: pointer;

  }

  .Other {
    left: 965px;
    top: 585px;
    position: absolute;
    color: #FF55FF;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;


  }
  
  .Figma {
    left: 965px;
    top: 653px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;

  }
  
  .Github {
    left: 965px;
    top: 721px;
    font-size: 40px;
    position: absolute;  
    font-family: JetBrains Mono;
    font-weight: 400;    text-decoration: none;
    top: 789px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;

  }
  
  .Gmail {
    left: 965px;
    top: 857px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
    cursor: pointer;


  }

  .Gemini {
    left: 965px;
    top: 720px;
    position: absolute;
    color: white;
    font-size: 40px;
    font-family: JetBrains Mono;
    font-weight: 400;
    word-wrap: break-word;
  }

  .Image8{
    width: 502px; height: 566px; left: 30px; top: 245px; position: absolute
  }
  
  #woah{
    color: #5FD700;
  }

.media_cat{
  color: white;
  text-decoration: none;
}

.media_cat:hover{
  color: #00AFFF;
}

.media_cat_2{
  color: white;
  text-decoration: none;
}

.media_cat_2:hover{
  color: #FFFF55;
}

.media_cat_3{
  color: white;
  text-decoration: none;
}

.media_cat_3:hover{
  color: #5FD700
}

.media_cat_4{
  color: white;
  text-decoration: none;
}

.media_cat_4:hover{
  color: #FF55FF;
}

#logo_sxli{
  position: absolute;
  left: 1000px;
  top: 1000px;
}