::-webkit-scrollbar {
  width:4px;
  height:0;
   
    border-radius: 4px;
}
  ::-webkit-scrollbar-track {
  background: #000040;
  box-shadow:0 0 5px navy, 0 0 2px blue;
     
}
::-webkit-scrollbar-thumb {
  background: #488cfb;
    border-radius: 4px;
     padding: 3px;
   transition-duration:0.20s;
    
}
::-webkit-scrollbar-thumb:hover {
  background: #143dac;
    border-radius: 4px;
     padding: 3px;
    transition-duration:0.20s;
}




::selection {
    color:#f4f9ff;
    background:rgb(10,10,220, .4);
    text-shadow:
    -.05em -.05em 0 #4ca9ff,  
    .05em -.05em 0 RoyalBlue,
    -.05em .05em 0 RoyalBlue,
     .05em .05em 0 RoyalBlue,
    0 0 5px white;
    mix-blend-mode:lighten;
 }

img:hover {
         transition:.3s;
         filter: drop-shadow(0 0 5px rgb(0, 10, 220));
       }


.icon {
  height:100px;
    margin: 4px;
  border:solid 2px #559aff;
  border-radius:4px;
  box-shadow:0 0 8px #0384fc, 0 0 4px blue, 0 0 1px white;
  transition:.2s;
  
}
.icon:hover{
  filter: brightness(120%);
  box-shadow:0 0 18px #0384fc, 0 0 10px blue, 0 0 8px white ; 
  transform: scale(1.05);
  border:solid 2px #dbf0ff;
}


@font-face {
  font-family: 'CC lan';
  src: url("https://file.garden/aSOlzn3FbjJRlmph/C%26C%20Red%20Alert%20%5BLAN%5D.ttf");
}


body {
  margin:20px;
    background-color:#000010;
    font-family: 'cc lan';
    color: #bdc8ff;
    text-shadow: 0 0 2px #263afb;
    text-align:center
}

h4 {
    color:#4a7dd9;
}