/* ╔═*.·:·.✧ ✦ ✧.·:·.*═╗ */

/* -- FONTS -- */

@font-face {
    font-family: 'W95FA';
    src: url(/W95FA.otf);
  }

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

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

@font-face {
  font-family: 'windows';
  src: url("https://file.garden/aSOlzn3FbjJRlmph/Windows%20Regular.ttf");
}


/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi267.ani), url(https://cur.cursors-4u.net/smilies/smi-3/smi267.png), auto !important;} /* End https://www.cursors-4u.com */

/* ---------------------- */

/* -- OVERLAYS -- */

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0; 
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url('https://aruna-is-calling.neocities.org/backgrounds/9120cbcbb9b8f14f5c5448fe3929469a.gif');
    background-size:300px;
    opacity:0.24;
    z-index: 2;
    mix-blend-mode:darken;
    pointer-events: none;
}

/* ---------------------- */

/* -- SELECTION -- */

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

/* ---------------------- */

/* -- SCROLLBAR -- */

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

/* ---------------------- */

/* -- TOOLTIP -- */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #2d3afd;
}


.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #00054e;
border:dashed 1px blue;
box-shadow:0 0 1px #0691ff,0 0 5px blue, 0 0 8px #000000;
  color: #8087eb;
  text-align: center;
  border-radius: 2px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 105%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}



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

/* ---------------------- */

/* -- TEXT -- */

h1 {
font-family:'cc lan';
    font-weight:16px;
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:W95FA;

}

h3{
    color:#98bdff;
}

h4 {
    color:#4a7dd9;
}

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

/* ---------------------- */

/* -- BUTTONS -- */

button {
  background-color:#000010;
    padding:4px 10px;
    border:1px dashed navy;
     border-collapse: collapse;
    width:100%;
    height:28px;
    font-size:18px;
    display:block;
    color:cornflowerblue;
    transition-duration:0.20s;
    font-family:"W95FA", "Courier New", Courier, monospace;
     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;
    cursor:pointer;
    text-align:left;
    
}

button:hover {
   color:white;
  border-color:aliceblue;
  background-color:darkblue;
    letter-spacing:1px;
    box-shadow:0 0 4px navy ;
}

button:not(:last-child) {
  border-bottom: none; /* Prevent double borders */
}

/* ---------------------- */

/* -- BODY -- */

body { 
    background-image:url(https://aruna-is-calling.neocities.org/backgrounds/d2f9097.jpg ) ;
    background-blend-mode:multiply;
    background-size:400px;
background-color:#000025;
text-shadow: 0 0 2px blue, 0 0 1px RoyalBlue;
max-width:65%;
margin-top:35px;
margin-left: auto;
margin-right: auto;
text-align:center
}

.bg img {
    filter: brightness(30%);
}



/* ---------------------- */

/* -- Main Stuff -- */

section {
    border:outset 3px blue;
    background-color: #000730;
	background-image:url('https://aruna-is-calling.neocities.org/backgrounds/d8daf85ee19d2f11ccf2222d1b56f78d.gif');
    background-blend-mode:hard-light;
    background-position:center;
  padding:5px;
  box-shadow: 0 0 20px blue, 0 0 10px deepskyblue;
  border-radius:2px;
 
}

main, aside, header, footer {
    margin:3px;
}

header {
    border:dashed 1px navy;
background-color:#000010;
  height:120px;
  padding:3px;	
    background-image:url('https://aruna-is-calling.neocities.org/backgrounds/4a8761a79faa.gif');
     background-position:center;
    background-blend-mode:soft-light;
}

.scroll {
   background:linear-gradient(to bottom, #0a0259 11%,#000730 37%,#06061b 64%,#020018 100%);
    height:20px;
}

#flex {
  display: flex;
  }

aside {
    border:dashed 1px navy;
    width:180px;
    order:1;
    background-color:#000010;
}

main {
    flex:1;
  order:2;
    border:dashed 1px navy;
  height:320px;  
    background: #000010;
    padding:15px;
}


header, footer {
    
     border:dashed 1px navy;
    height:40%;
}

footer {
  background:linear-gradient(to bottom, #080244 11%,#000730 37%,#06061b 64%,#020018 100%);

    
}

 #meoww {
        background-color:#000010;
        text-align:left;
        padding:8px;
        margin:3px;
        border:dashed 1px navy;
      }

/* ---------------------- */


/* ╚═*.·:·.✧ ✦ ✧.·:·.*═╝ */