/* === custom mario font === */
@font-face {
font-family: "NDS BIOS";
src: url("https://db.onlinewebfonts.com/t/1888b71aa651100801cb2e473433f5ec.woff") format("woff");
font-weight: normal;
font-style: normal;
}
/* apply to title logo */
#titleScreen h1 {
font-family: "NDS BIOS", sans-serif;
}
/* base body styling */
body {
margin:0;
background:white;
overflow:hidden;
font-family:sans-serif;
}
html, body {
cursor: url(https://files.catbox.moe/5uebbf.cur), auto;
}
/* ---------- DS ENTRY ---------- */
#dsEntry{
position:fixed;
inset:0;
background:white;
display:flex;
justify-content:center;
align-items:center;
z-index:30;
}
#dsEntry img{
width:400px;
cursor: inherit;
transition:transform 1s ease;
}
.zoomIn{
transform:scale(3);
}
/* ---------- STARTUP ---------- */
#startupScreen{
position:fixed;
inset:0;
background:white;
display:none;
justify-content:center;
align-items:center;
font-family:'NDS BIOS';
font-size:18px;
}
/* ---------- CRT ---------- */
.crt{
background:black !important;
color:white;
}
body.crt::after{
content:"";
position:fixed;
inset:0;
background:linear-gradient(rgba(255,255,255,0.05) 50%, transparent 50%);
background-size:100% 4px;
pointer-events:none;
}
/* ---------- TITLE ---------- */
#titleScreen{
position:fixed;
inset:0;
display:none;
flex-direction:column;
justify-content:center;
align-items:center;
gap:20px;
}
.logo{
font-family:'NDS BIOS';
font-size:28px;
}
.menuBtn{
font-family:'NDS BIOS';
font-size:10px;
padding:10px 18px;
background:#111;
border:2px solid white;
color:white;
cursor:inherit;
}
/* ---------- MAIN ---------- */
#mainSite{
display:none;
padding:40px;
}
textarea{
width:100%;
min-height:120px;
font-family:'Patrick Hand';
font-size:22px;
border-radius:20px;
padding:15px;
background:#111;
color:white;
border:2px solid #444;
}
.preview{
margin-top:20px;
min-height:60px;
padding:15px;
background:#111;
border-radius:20px;
}
/* ---------- ACHIEVEMENT BUBBLE ---------- */
#achievementBubble{
position:fixed;
top:20px;
left:-300px;
background:#111;
border:2px solid white;
padding:10px;
font-family:'NDS BIOS';
font-size:8px;
transition:left 0.5s ease;
}
/* ---------- ACHIEVEMENT HUD ---------- */
#achievementHUD{
position:fixed;
top:20px;
right:20px;
width:260px;
background:#111;
border:2px solid white;
padding:15px;
display:none;
font-family:'NDS BIOS';
font-size:8px;
}
.achievementBox{
border:1px solid white;
padding:6px;
margin-bottom:6px;
}
/* ---------- BOWSER HEAD ---------- */
#bowserHead{
position:fixed;
width:200px;
cursor:inherit;
z-index:100;
transition: all 2s ease;
}
#bowserHP{
position:fixed;
bottom:20px;
left:50%;
transform:translateX(-50%);
color:white;
font-family:'NDS BIOS';
font-size:16px;
z-index:101;
}
#starman{
position:fixed;
width:80px;
left:50%;
top:50%;
transform:translate(-50%, -50%);
cursor:pointer;
z-index:102;
}
Starting...
