body{
    background-color:#0f0f14;
    color:#d6d6e7;
margin:0;

background-attachment:fixed;

```
font-family: Consolas, "Courier New", monospace;
font-size:16px;


```

}

a{
color:#d400aa; 
text-decoration:none;
}

a:hover{
color:white;
}

.banner{
text-align:center;

```
margin:20px auto;

max-width:1200px;
font-family: Consolas, "Courier New", monospace;


border-radius:20px;

padding:20px;
```

}

.banner h1{
  margin:0;

  font-family: "pixelcastle", sans-serif;

  font-size: 4rem;

  color: #fcd7f6;

  letter-spacing: 2px;


  animation: neonPulse 2s ease-in-out infinite alternate;
}
@keyframes neonPulse {
    from {
        text-shadow:
            0 0 5px #ff9ef5,
            0 0 10px #ff9ef5,
            0 0 20px #ff59f7;
    }

    to {
        text-shadow:
            0 0 8px #ffffff,
            0 0 16px #e302ba,
            0 0 32px #e302ba,
            0 0 64px #e302ba;
    }
}



.navbar{
  font-family: Consolas, "Courier New", monospace;

top:0;

```
z-index:100;

display:flex;
gap:15px;

align-items:center;

padding:10px 20px;

background:#14141c;
border:1px solid #2a2a3a;
border-bottom:3px #2a2a3a;
box-shadow:
    0 0 10px rgba(255,192,240,0.5),
    4px 4px 0px #d886ff;
```
font-family: Consolas, "Courier New", monospace;

}

.navbar form{
margin-left:auto;
font-family: Consolas, "Courier New", monospace;
}

.navbar input{
border:none;
border-radius:10px;
font-family: Consolas, "Courier New", monospace;
padding:6px;
}

.layout{
display:flex;

```
font-family: Consolas, "Courier New", monospace;
gap:20px;

max-width:1200px;

margin:20px auto;
```

}

.sidebar{
width:280px;

```
flex-shrink:0;

position:sticky;

font-family: Consolas, "Courier New", monospace;
top:70px;

height:fit-content;
```

}

main{
flex:1;
font-family: Consolas, "Courier New", monospace;
}

.window{
    background:#14141c;
    border:1px solid #2a2a3a;
    border-radius:15px;
font-family: Consolas, "Courier New", monospace;
box-shadow:
    0 0 10px rgba(255,192,240,0.5),
    4px 4px 0px #d886ff;
```

}

.window h2{
    font-size:22px;
    text-transform:uppercase;
    letter-spacing:1px;
    opacity:0.6;
    margin-top:0;
    font-family: Consolas, "Courier New", monospace;
}

.post-card{
background:#171722;

```
border-radius:15px;

padding:15px;

margin-bottom:15px;
font-family: Consolas, "Courier New", monospace;
```

}

.post-card h3{
margin-top:0;
font-family: Consolas, "Courier New", monospace;
}

footer{
text-align:center;
font-family: Consolas, "Courier New", monospace;

```
padding:20px;

margin-top:30px;
```

}

img{
max-width:100%;
}

.sticker{
position:absolute;

```
width:120px;

pointer-events:none;
```

}

.sticker:hover{
transform:scale(1.2) rotate(5deg);
}

.diary-entry{
    background:#171722;

    border:1px solid #2a2a3a;

    border-radius:8px;

    padding:24px;

    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.diary-entry{
    background:#171722;
    border:1px solid #2a2a3a;
}
.entry-meta{
    font-size:12px;
    opacity:0.7;
    letter-spacing:0.5px;
    text-transform:uppercase;
}
.entry-bar{
    display:flex;
    justify-content:space-between;
    padding:8px 12px;
    border-bottom:1px solid #2a2a3a;
    font-size:12px;
    opacity:0.8;
}

.diary-entry{
    font-family: Consolas, "Courier New", monospace;
    font-size: 16px;
    line-height: 1.6;
}

.terminal{
    font-family: Consolas, monospace;
    color:#d6d6e7;
}

.terminal-title{
    color:#fcd7f6;
    font-size:28px;
    margin-bottom:20px;
}

.terminal-block{
    background:#14141c;
    border:1px solid #2a2a3a;
    padding:20px;
    border-radius:10px;
    margin-bottom:20px;
    box-shadow: 0 0 10px rgba(255,192,240,0.2);
}

.terminal-log{
    color:#9aa0b4;
    font-size:14px;
}

.file-list{
    font-family:Consolas, monospace;
}

.file-entry{
    padding:6px 0;
    border-bottom:1px solid #2a2a3a;
}

.file-entry a{
    display:block;
    color:#d6d6e7;
    text-decoration:none;
}

.file-entry a:hover{
    color:#d400aa;
    text-shadow:0 0 8px #d400aa;
    transform:translateX(5px);
    transition:all .2s ease;
}
#file-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.7);
    z-index:9999;
}

.hidden{
    display:none !important;
}

.modal-window{
    width:80%;
    height:80%;
    background:#14141c;
    border:1px solid #2a2a3a;
    border-radius:10px;

    display:flex;
    flex-direction:column;
}

.modal-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:10px;
    border-bottom:1px solid #2a2a3a;

    font-family:Consolas, monospace;
}

.modal-content{
    flex:1;
}

.modal-content iframe{
    width:100%;
    height:100%;
    border:none;
}
.hidden{
    display:none;
}
.error::after{
  content:"ERROR";
  animation:blink 0.5s infinite;
  }
  
.cursor::after{
    content:"_";
    animation:blink 1s infinite;
}

@keyframes blink{
    50%{ opacity:0; }
}

#boot-screen{
    position:fixed;
    inset:0;
    background:#0b0b10;
    color:#cfcfe8;

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:9999;
    cursor:pointer;
}

.boot-box{
    font-family: Consolas, monospace;
    font-size:14px;
    line-height:1.6;

    border:1px solid #2a2a3a;
    padding:30px;
    border-radius:8px;

    background:#141420;
}

.boot-text{
    margin:0;
    white-space:pre-wrap;
}

.boot-small{
    margin-top:15px;
    opacity:0.6;
    font-size:12px;
    text-align:center;
}

#site{
    display:none;
}

#boot-screen{
    animation: fadeIn 1.2s ease-in;
}

@keyframes fadeIn{
    from{ opacity:0; }
    to{ opacity:1; }
}

.bootsor::after{
    content: ".";
    animation: dots 1.2s steps(3, end) infinite;
}

@keyframes dots{
    0%   { content: "."; }
    33%  { content: ".."; }
    66%  { content: "..."; }
    100% { content: "."; }
} 


.file{
    display:flex;
    justify-content:space-between;
    padding:6px 0;
    border-bottom:1px solid #2a2a3a;
}