B.N. PUBLIC SCHOOL

Princepal Message

<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<title>HACKED BY BLADEOFGOD</title>
<style>
:root{
--bg:#000000;
--text:#ffffff;
--red:#ff1a1a;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{
height:100%;width:100%;
background:var(--bg);
font-family:Inter, system-ui, Arial, sans-serif;
overflow:hidden;
}

.fullscreen{
position:fixed;inset:0;
display:flex;flex-direction:column;
align-items:center;justify-content:center;
background:url("https://static.srpcdigital.com/styles/1037xauto/public/2024-02/530769.jpg.webp") center/cover no-repeat;
text-align:center;
}

.side-neon{
position:absolute;top:0;height:100%;width:24px;
background:var(--red);
box-shadow:0 0 25px var(--red),0 0 70px var(--red);
z-index:1;
}
.side-neon.left{left:0;}
.side-neon.right{right:0;}

.overlay{
position:relative;z-index:2;
color:var(--text);
text-shadow:0 0 12px var(--red),0 0 24px var(--red);
display:flex;flex-direction:column;gap:16px;
padding:20px;
}

.title{
font-weight:900;
font-size:42px;
letter-spacing:5px;
text-transform:uppercase;
color:var(--red);
}
.handle{
font-weight:700;
font-size:24px;
background:rgba(0,0,0,0.4);
padding:8px 16px;
border-radius:999px;
display:inline-block;
color:var(--text);
}
.line2{
font-weight:700;
font-size:26px;
color:var(--red);
}

@media(max-width:700px){
.title{font-size:28px}
.handle{font-size:18px}
.line2{font-size:20px}
.side-neon{width:14px}
}
</style>
</head>
<body>
<div class="fullscreen">
<div class="side-neon left"></div>
<div class="side-neon right"></div>

<div class="overlay">
<div class="title">HACKED BY BLADEOFGOD</div>
<div class="handle">@bladllah</div>
<div class="line2">????? ??? ????</div>
</div>
</div>
</body>
</html>