@font-face {
  font-family: 'ace';
  src: url("https://file.garden/aSOlzn3FbjJRlmph/Ace-Attorney.ttf");
}

body {
background-color: #000010 !important;
font-family:'ace';
width:600px;
    text-shadow:0 0 2px dodgerblue;
 cursor: url("https://blob.gifcities.org/gifcities/CYNHKMXZYNTORIDFUBTAS2SQNEF7TZP2.gif"), auto ;
}

::selection {
    color:#f4f9ff  !important;
    background:rgb(40,100,220, .3);
    text-shadow:
    -.05em -.05em 0 #4ca9ff,  
    .05em -.05em 0 RoyalBlue,
    -.05em .05em 0 RoyalBlue,
     .05em .05em 0 RoyalBlue,
    0 0 5px white  !important;
   
 }

::-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;
}


h1 {
font-family:'CC lan';
color:#afb7ff;
    text-shadow: 0 0 10px blue, 0 0 8px blue, 0 0 8px blue, 0 0 3px #0384fc, 0 0 2px white, 0 0 1px white;
}

h2 {
    color:#94b7ff;
}

h2, h3, h4 {
font-family:"ace";
font-weight: 300;
}

h3{
    color:#98bdff;
}

h4 {
    color:#4a7dd9;
}

h5, h6 {
	font-family:'W95FA';
	color:RoyalBlue;
}
  p{
  	color:MediumBlue;
  	font-family:'W95FA';
  	
  }

.dawg {
    float: left;
    margin: 0 10px 0 0;
     filter: grayscale(1) sepia(1) saturate(4) hue-rotate(190deg) drop-shadow(0 0 3px blue);  
    border-radius:15px 0;
    border:double 3px dodgerblue;
   
    transition-duration:.5s;
}

div {
 padding: 7px;
}

.dawg:hover{
   filter: grayscale(0) sepia(0) saturate(1)  brightness(1) drop-shadow(0 0 2px blue);
    scale:1.03;
}

.icon {
    
     filter: grayscale(1) sepia(1) saturate(4) hue-rotate(190deg) drop-shadow(0 0 3px blue);  
    border-radius:15px 0;
    border:double 3px dodgerblue;
    height:120px;
    transition-duration:.5s;
 
}

.icon:hover{
   filter: grayscale(0) sepia(0) saturate(1)  brightness(1) drop-shadow(0 0 2px blue);
    scale:1.03;
}

h2 {
    text-align: center;
}

#abt {
  background-color: #000010 !important;
  border:double 3px #00004e;
  padding:12px;
  border-radius:5px;
  }



#silly {
    float: left;
    opacity:.6;
    transition:.3s;
    filter: drop-shadow(0 0 1px blue) blur(.5px);
}

#silly:hover {
    opacity:.9;
    rotate:-1deg;
    scale:1.05;
    filter: drop-shadow(0 0 3px blue);
}

#text {
    text-align-last: left;
}

th {
    font-weight: 300;
    color:#4a7dd9;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  cursor: pointer;  
    
}

.tooltiptext {
    opacity:0;
    transition:.5s;
  
  width: 130px;
  background-color: #000023;
  color: #adcbff;
  text-align: center;
  border-radius: 6px 0;
    border:1px double #0d1ecd;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 65%;
  margin-left: -88px;
}

.tooltip:hover .tooltiptext {
  opacity:1;
}

.title{
 color:#4487ff;
 text-decoration: underline;
 font-size:16px;
background-image: linear-gradient(to left, #000010, #030a7d);
border-radius:10px 0;
}

.title:hover {
  color:#a5f2ff;
 text-shadow:1px 0 0 dodgerblue ;
 filter: blur(0);
 background-image: linear-gradient(to left, #000010, #000890);
}

.section {
 border:3px double #030a7d;
 
}