← Back to Layouts
Teto Baguette & Brainrot 95

Name: FriendRewind
Author: FriendRewind
Author: UVONGO
Category: 2000s
Created: July 30, 2026
Random cool layout I made!

Kasane Teto / Win 95 themed

(Has Music)
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
<!-- ========================================================= -->
<!--  LAYOUT CREATED / EDITED BY: UVONGO 🥖                     -->
<!--  "Powered by 100% Baguettes, Teto Brainrot, & Win98 CSS"   -->
<!-- ========================================================= -->

<!-- SpaceHey / FriendRewind Layout: Win98 Box Style, Animated BG, Teto Music, and Gradient Color Theme -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Arsenal:wght@400;700&display=swap');

/* UVONGO Easter Egg: Code-only spin animation (does not render on visible page) */
@keyframes uvongo-baguette-spin {
    0% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(180deg) scale(1.5); }
    100% { transform: rotate(360deg) scale(1); }
}

/* Global Styles & Animated Background */
body { 
    font-family: 'Arsenal', sans-serif;
    background-image: url('https://media2.giphy.com/media/AGs4dSQRvbjIwjleF1/giphy.gif');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff !important;
}

/* Remove weird blue focus/selection outlines */
*:focus, *:active {
    outline: none !important;
}

/* --- TEXT READABILITY OVER RED/BLACK BACKGROUND --- */
/* Replace black text shadow with a bright pink, red, & white glowing outline */
.profile .left, .profile .right, h1, h2, h3, h4, h5, p, span, div {
    text-shadow: 
        1px  1px 2px #ff4081, 
       -1px -1px 2px #d81b60, 
        1px -1px 2px #ffffff, 
       -1px  1px 2px #ff80ab !important;
}

/* Inside white content boxes, clear shadow so text stays crisp & readable */
.inner *, .table-section td, .url-info, .profile-info, .inner p, .inner span {
    text-shadow: none !important;
}

/* --- WINDOWS 98 BOX STYLING --- */

/* Give ALL profile containers (left and right side) Win98 window backgrounds */
.profile .contact, 
.profile .table-section,
.profile .blurbs, 
.profile .friends,
.profile .url-info,
.profile-info,
.blog-preview,
.profile .left .section {
    background-color: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important; /* Win98 3D raised border */
    padding: 3px !important;
    box-shadow: inset -1px -1px #000000, inset 1px 1px #dfdfdf !important;
    margin-bottom: 10px !important;
}

/* Box Title / Header Bars (Cool Red to Pink Gradient) */
.profile .contact .heading, 
.profile .table-section .heading, 
.profile .blurbs .heading, 
.profile .friends .heading,
.profile .url-info .heading {
    background: linear-gradient(90deg, #b71c1c, #d81b60, #ff4081) !important;
    border: 1px solid #808080 !important;
    color: #ffffff !important;
    font-weight: bold;
    text-align: left;
    padding: 3px 6px !important;
    border-radius: 0 !important;
}

.profile .contact .heading h4, 
.profile .table-section .heading h4, 
.profile .blurbs .heading h4, 
.profile .friends .heading h4 {
    color: #ffffff !important;
    margin: 0 !important;
    text-shadow: 1px 1px 2px #8a1616 !important;
}

/* Win98 Inset Content Area (White background inside window boxes) */
.profile .contact .inner, 
.profile .table-section .inner,
.profile .blurbs .inner, 
.profile .friends .inner,
.profile .url-info,
.profile-info,
.profile .left .inner {
    background-color: #ffffff !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important; /* Win98 3D inset frame */
    padding: 6px !important;
    color: #212121 !important;
}

/* Fix URL Box / Profile Info text visibility specifically */
.profile .url-info *, .profile-info * {
    color: #212121 !important;
}

/* Tables (General, Music, Games, Interests, etc.) */
.profile .table-section table,
.details-table {
    border-collapse: separate !important;
    border-spacing: 2px !important;
}

/* Table Category Headers (First Column) */
.details-table td:first-child,
.profile .table-section td:first-child {
    background: linear-gradient(90deg, #d81b60, #ff4081) !important;
    color: #ffffff !important;
    font-weight: bold;
    border: 1px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    padding: 4px !important;
    text-shadow: 1px 1px 2px #8a1616 !important;
}

/* Table Cell Values (Second Column) */
.details-table td,
.profile .table-section td {
    background-color: #ffffff !important;
    color: #212121 !important;
    border: 1px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    padding: 4px !important;
}

/* Win98 Navigation Theme */
nav .top {
    background-color: #c0c0c0 !important;
    border-bottom: 2px solid #808080 !important;
    color: #ffffff !important;
}

nav .links {
    background: linear-gradient(90deg, #b71c1c, #d81b60, #ff4081) !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    text-align: center;
}

nav .links a {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #8a1616 !important;
}

/* Footer Theme */
footer {
    background-color: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    color: #212121 !important;
    font-family: 'Arsenal', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
}

/* Links inside content boxes */
.inner a, td a {
    color: #d81b60 !important;
    font-weight: bold;
}

.inner a:hover, td a:hover {
    text-decoration: underline;
    color: #ff4081 !important;
}

/* Subtle Floating Animation */
main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 4s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translate(0, 0px); }
    50% { transform: translate(0, 8px); }
    100% { transform: translate(0, 0px); }
}

/* Hide default logo */
.logo { display: none !important; }
</style>

<!-- Music: Teto Brainrot (Autoplay & Loop) -->
<iframe width="0" height="0" src="https://www.youtube.com/embed/UsjsYMo3O1Q?autoplay=1&loop=1&playlist=UsjsYMo3O1Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe></style>