/* ========================================
   RESET
======================================== */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


html {
    scroll-behavior: smooth;
}


body {
    min-height: 100vh;

    font-family:
        Tahoma,
        Verdana,
        Arial,
        sans-serif;

    color: #111;

    background:
        radial-gradient(
            circle at bottom,
            #ff0080 0%,
            #8c004b 28%,
            #34001d 55%,
            #10000e 80%,
            #030303 100%
        );

    background-attachment: fixed;
}



/* ========================================
   LOADING SCREEN
======================================== */

.loading-screen {
    position: fixed;
    inset: 0;

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

    min-height: 100vh;
    padding: 20px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at bottom,
            #ff0080 0%,
            #8c004b 28%,
            #34001d 55%,
            #10000e 80%,
            #030303 100%
        );

    z-index: 9999;
}



/* ========================================
   LOADING SCREEN GLOW
======================================== */

.loading-screen::before {
    content: "";

    position: absolute;

    width: 850px;
    height: 850px;

    bottom: -440px;
    left: 50%;

    transform:
        translateX(-50%);

    background:
        radial-gradient(
            circle,
            rgba(255, 0, 140, 0.75),
            rgba(255, 0, 140, 0.2) 40%,
            transparent 70%
        );

    filter:
        blur(35px);

    pointer-events: none;

    animation:
        backgroundGlow 4s ease-in-out infinite alternate;
}


@keyframes backgroundGlow {

    from {
        opacity: 0.65;

        transform:
            translateX(-50%)
            scale(0.92);
    }

    to {
        opacity: 1;

        transform:
            translateX(-50%)
            scale(1.1);
    }

}



/* ========================================
   LOADING SCREEN HEART FIELD
======================================== */

.heart-field {
    position: absolute;
    inset: 0;

    overflow: hidden;

    pointer-events: none;

    z-index: 1;
}



/* ========================================
   LOADING SCREEN HEARTS
======================================== */

.pixel-heart {
    position: absolute;

    bottom: -120px;

    color: #ff48ae;

    font-family:
        "Courier New",
        monospace;

    font-size: 28px;

    text-shadow:
        0 0 4px #ffffff,
        0 0 8px #ff1493,
        0 0 15px #ff1493,
        0 0 30px #ff1493;

    opacity: 0;

    animation:
        floatHeart linear infinite;
}


.pixel-heart::before {
    content: "♥";
}


@keyframes floatHeart {

    0% {
        transform:
            translateY(100px)
            scale(0.5)
            rotate(-8deg);

        opacity: 0;
    }

    10% {
        opacity: 0.9;
    }

    50% {
        transform:
            translateY(-55vh)
            scale(0.9)
            rotate(8deg);

        opacity: 1;
    }

    90% {
        opacity: 0.8;
    }

    100% {
        transform:
            translateY(-120vh)
            scale(1.2)
            rotate(-5deg);

        opacity: 0;
    }

}



/* ========================================
   LOADING SCREEN SPARKLES
======================================== */

.sparkle {
    position: absolute;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: white;

    box-shadow:
        0 0 4px #ffffff,
        0 0 8px #ff9bd5,
        0 0 15px #ff1493;

    animation:
        sparkleBlink 2s infinite alternate;
}


@keyframes sparkleBlink {

    from {
        opacity: 0.15;

        transform:
            scale(0.4);
    }

    to {
        opacity: 1;

        transform:
            scale(1.8);
    }

}



/* ========================================
   LOADING WINDOW
======================================== */

.loading-window {
    position: relative;

    width:
        min(
            650px,
            100%
        );

    border:
        3px solid #bdbdbd;

    background:
        #e7e7e7;

    box-shadow:
        0 0 0 2px #ffffff,
        10px 10px 0 rgba(0, 0, 0, 0.5),
        0 0 40px rgba(255, 20, 147, 0.55);

    z-index: 5;
}



/* ========================================
   WINDOW TITLE BAR
======================================== */

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

    min-height: 40px;

    padding:
        5px
        7px
        5px
        12px;

    background:
        linear-gradient(
            90deg,
            #0000b8,
            #1737ff
        );

    border-bottom:
        2px solid #7d7d7d;

    color: white;

    font-size: 15px;
    font-weight: bold;
}



/* ========================================
   WINDOW BUTTONS
======================================== */

.window-buttons {
    display: flex;

    gap: 4px;
}


.window-buttons button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 25px;

    border:
        2px outset #ffffff;

    background:
        #d4d0c8;

    color: #000;

    font-size: 12px;
    font-weight: bold;
}



/* ========================================
   LOADING CONTENT
======================================== */

.loading-content {
    padding:
        48px
        45px
        42px;

    text-align: center;
}


.loading-content h1 {
    margin-bottom: 14px;

    font-family:
        "Courier New",
        monospace;

    font-size: 30px;

    letter-spacing: -1px;

    color: #111;
}


.loading-subtext {
    margin-bottom: 32px;

    font-family:
        "Courier New",
        monospace;

    font-size: 14px;

    color: #555;
}



/* ========================================
   PROGRESS BAR
======================================== */

.progress-container {
    width: 100%;
    height: 32px;

    padding: 4px;

    border:
        2px inset #ffffff;

    background:
        #ffffff;

    box-shadow:
        inset 0 0 0 1px #555;
}


.progress-bar {
    width: 0%;
    height: 100%;

    background:
        repeating-linear-gradient(
            90deg,
            #ff1493 0,
            #ff1493 13px,
            #ff8dca 13px,
            #ff8dca 16px
        );

    transition:
        width 0.15s linear;
}


.loading-percent {
    margin-top: 12px;

    font-family:
        "Courier New",
        monospace;

    font-size: 15px;
    font-weight: bold;
}



/* ========================================
   ENTER BUTTON
======================================== */

.enter-button {
    display: none;

    margin:
        28px auto
        0;

    padding:
        13px
        28px;

    border:
        3px outset #ffffff;

    background:
        #ff75ba;

    color: #111;

    font-family:
        "Courier New",
        monospace;

    font-size: 15px;
    font-weight: bold;

    cursor: pointer;

    box-shadow:
        5px 5px 0 rgba(0, 0, 0, 0.25);

    transition:
        transform 0.15s ease,
        background 0.15s ease;
}


.enter-button:hover {
    background:
        #ff4fa7;

    transform:
        translateY(-2px);
}


.enter-button:active {
    transform:
        translateY(2px);

    box-shadow:
        2px 2px 0 rgba(0, 0, 0, 0.25);
}



/* ========================================
   MAIN SITE BACKGROUND EFFECTS
   SAME AS LOADING SCREEN
======================================== */

.site-heart-field {
    position: fixed;
    inset: 0;

    overflow: hidden;

    pointer-events: none;

    z-index: 0;
}


/* SAME BOTTOM GLOW AS LOADING SCREEN */

.site-heart-field::before {
    content: "";

    position: absolute;

    width: 850px;
    height: 850px;

    bottom: -440px;
    left: 50%;

    transform:
        translateX(-50%);

    background:
        radial-gradient(
            circle,
            rgba(255, 0, 140, 0.75),
            rgba(255, 0, 140, 0.2) 40%,
            transparent 70%
        );

    filter:
        blur(35px);

    pointer-events: none;

    animation:
        backgroundGlow 4s ease-in-out infinite alternate;
}


/* SAME HEARTS AS LOADING SCREEN */

.site-heart {
    position: absolute;

    bottom: -120px;

    color: #ff48ae;

    font-family:
        "Courier New",
        monospace;

    font-size: 28px;

    text-shadow:
        0 0 4px #ffffff,
        0 0 8px #ff1493,
        0 0 15px #ff1493,
        0 0 30px #ff1493;

    opacity: 0;

    animation:
        floatHeart linear infinite;
}


/* SAME SPARKLES AS LOADING SCREEN */

.site-sparkle {
    position: absolute;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: white;

    box-shadow:
        0 0 4px #ffffff,
        0 0 8px #ff9bd5,
        0 0 15px #ff1493;

    animation:
        sparkleBlink 2s infinite alternate;
}



/* ========================================
   MAIN SITE BACKGROUND HEARTS
======================================== */

.site-heart {
    position: absolute;

    bottom: -80px;

    color:
        rgba(255, 72, 174, 0.38);

    font-family:
        "Courier New",
        monospace;

    text-shadow:
        0 0 5px rgba(255, 255, 255, 0.15),
        0 0 10px rgba(255, 20, 147, 0.55),
        0 0 18px rgba(255, 20, 147, 0.25);

    opacity: 0;

    animation:
        siteHeartFloat linear infinite;
}


.site-heart::before {
    content: "♥";
}


@keyframes siteHeartFloat {

    0% {
        transform:
            translateY(80px)
            scale(0.7);

        opacity: 0;
    }

    15% {
        opacity: 0.55;
    }

    75% {
        opacity: 0.4;
    }

    100% {
        transform:
            translateY(-115vh)
            scale(1.05);

        opacity: 0;
    }

}



/* ========================================
   MAIN WEBSITE
======================================== */

.site-content {
    position: relative;

    display: none;

    width:
        min(
            1180px,
            calc(100% - 40px)
        );

    margin:
        35px auto;

    background:
        #ffffff;

    border:
        2px solid #a8a8a8;

    box-shadow:
        0 0 0 3px #202020,
        12px 12px 0 rgba(0, 0, 0, 0.45);

    z-index: 2;
}



/* ========================================
   SITE HEADER
======================================== */

.site-header {
    overflow: hidden;

    border-bottom:
        2px solid #777;

    background:
        linear-gradient(
            90deg,
            #050505,
            #101b38,
            #050505
        );
}



/* ========================================
   HEADER MARQUEE
======================================== */

.header-marquee {
    overflow: hidden;

    padding:
        12px 0;

    color:
        #ffffff;

    font-size: 12px;
    font-weight: bold;

    white-space: nowrap;

    text-shadow:
        0 0 7px #ff1493;
}


.header-marquee span {
    display: inline-block;

    padding-left: 100%;

    animation:
        marquee 15s linear infinite;
}


@keyframes marquee {

    from {
        transform:
            translateX(0);
    }

    to {
        transform:
            translateX(-100%);
    }

}



/* ========================================
   PROFILE LAYOUT
======================================== */

.profile-section {
    display: grid;

    grid-template-columns:
        315px 1fr;

    gap: 28px;

    padding: 28px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f1f1f1
        );
}



/* ========================================
   PROFILE SIDEBAR
======================================== */

.profile-sidebar {
    min-width: 0;
}


.profile-name {
    margin-bottom: 12px;

    font-size: 26px;
    font-weight: bold;

    color: #111;
}



/* ========================================
   PROFILE PHOTO
======================================== */

.profile-photo {
    position: relative;

    overflow: hidden;

    width: 100%;

    aspect-ratio:
        1 / 1;

    border:
        4px ridge #bcbcbc;

    background:
        #e3e3e3;

    box-shadow:
        5px 5px 0 #111;
}


.profile-photo::after {
    content: "♥ TAKEN ♥";

    position: absolute;

    right: 8px;
    bottom: 8px;

    padding:
        4px
        7px;

    background:
        rgba(0, 0, 0, 0.82);

    color:
        #ff4eac;

    border:
        1px solid #ffffff;

    font-size: 10px;
    font-weight: bold;
}


.profile-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}



/* ========================================
   PROFILE STATUS
======================================== */

.profile-status {
    margin:
        17px 0;

    font-size: 13px;
    font-weight: bold;

    color: #222;
}



/* ========================================
   PROFILE DETAILS
======================================== */

.profile-details {
    padding: 14px;

    border:
        2px inset #d4d0c8;

    background:
        #eeeeee;

    font-size: 12px;

    line-height: 1.8;

    box-shadow:
        3px 3px 0 rgba(0, 0, 0, 0.2);
}


.profile-details strong {
    color:
        #003399;
}



/* ========================================
   CONTACT BOX
======================================== */

.contact-box {
    margin-top: 20px;

    border:
        2px solid #102a72;

    background:
        #ffffff;
}


.contact-box h3 {
    padding:
        7px
        9px;

    background:
        linear-gradient(
            90deg,
            #05195c,
            #1d4ec1
        );

    color:
        #ffffff;

    font-size: 12px;
}


.contact-links {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 6px;

    padding: 12px;
}


.contact-links button {
    border: none;

    background:
        transparent;

    color:
        #003399;

    text-align: left;

    font-family:
        Tahoma,
        Verdana,
        Arial,
        sans-serif;

    font-size: 11px;

    cursor: pointer;
}


.contact-links button:hover {
    color:
        #ff1493;

    text-decoration:
        underline;
}



/* ========================================
   PROFILE MAIN
======================================== */

.profile-main {
    min-width: 0;
}



/* ========================================
   EXTENDED NETWORK BOX
======================================== */

.status-box {
    padding: 20px;

    border:
        2px solid #acacac;

    background:
        linear-gradient(
            180deg,
            #f6f6f6,
            #e4e4e4
        );

    text-align: center;

    box-shadow:
        3px 3px 0 rgba(0, 0, 0, 0.18);
}


.status-box h3 {
    font-size: 16px;

    color:
        #003399;
}



/* ========================================
   MYSPACE BOX
======================================== */

.myspace-box {
    margin-top: 26px;

    border:
        1px solid #777;
}


.myspace-box > h2 {
    padding:
        8px
        10px;

    background:
        linear-gradient(
            90deg,
            #050505,
            #182c59
        );

    color:
        #ffffff;

    font-size: 16px;

    text-shadow:
        1px 1px #000;
}


.blurb-content {
    padding: 18px;

    background:
        #ffffff;

    font-size: 13px;

    line-height: 1.7;
}


.blurb-content h3 {
    margin:
        14px 0
        5px;

    color:
        #003399;

    font-size: 13px;
}


.blurb-content h3::before {
    content: "♥ ";

    color:
        #ff1493;
}



/* ========================================
   MUSIC PLAYER
======================================== */

.music-player {
    width:
        min(
            390px,
            100%
        );

    margin:
        28px 0;

    border:
        3px ridge #aaa;

    background:
        #cfcfcf;

    box-shadow:
        6px 6px 0 rgba(0, 0, 0, 0.4);
}


.music-header {
    padding:
        6px
        9px;

    background:
        #050505;

    color:
        #00ff66;

    font-family:
        "Courier New",
        monospace;

    font-size: 11px;

    letter-spacing:
        0.5px;
}


.music-body {
    display: flex;

    gap: 14px;

    padding: 13px;
}


.album-art {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    width: 74px;
    height: 74px;

    border:
        2px inset #eee;

    background:
        linear-gradient(
            135deg,
            #071740,
            #2d58be
        );

    color:
        #ff5aac;

    font-size: 36px;

    text-shadow:
        0 0 8px #ff1493;
}


.song-info {
    display: flex;
    flex-direction: column;

    gap: 6px;

    font-size: 12px;
}


.song-info strong {
    color: #111;
}


.song-info span {
    color: #444;
}



/* ========================================
   PLAYER CONTROLS
======================================== */

.player-controls {
    display: flex;

    gap: 4px;

    margin-top: 7px;
}


.player-controls button {
    min-width: 34px;

    padding:
        4px
        6px;

    border:
        2px outset #ffffff;

    background:
        #d4d0c8;

    color: #111;

    cursor: pointer;
}


.player-controls button:active {
    border:
        2px inset #ffffff;
}



/* ========================================
   TOP 8
======================================== */

.top-eight {
    margin-top: 30px;

    border:
        1px solid #777;
}



/* ========================================
   SECTION TITLE
======================================== */

.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding:
        8px
        10px;

    background:
        linear-gradient(
            90deg,
            #050505,
            #172c5c
        );

    color:
        #ffffff;
}


.section-title h2 {
    font-size: 19px;
}


.section-title span {
    color:
        #ff5cac;

    font-size: 11px;

    cursor: pointer;
}


.section-title span:hover {
    text-decoration:
        underline;
}



/* ========================================
   MEMORY GRID
======================================== */

.memory-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap:
        20px
        16px;

    padding:
        22px
        10px;

    background:
        #ffffff;
}


.memory-card {
    text-align: center;

    cursor: pointer;
}


.memory-card span {
    display: block;

    margin-bottom: 7px;

    color:
        #003399;

    font-size: 11px;
    font-weight: bold;
}


.memory-card img {
    display: block;

    width: 100%;

    aspect-ratio:
        1 / 1;

    border:
        2px solid #777;

    background:
        #eeeeee;

    object-fit: cover;

    box-shadow:
        3px 3px 0 rgba(0, 0, 0, 0.25);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.memory-card:hover img {
    transform:
        rotate(-1deg)
        scale(1.04);

    border-color:
        #ff1493;

    box-shadow:
        5px 5px 0 rgba(255, 20, 147, 0.3);
}


.memory-card:hover span {
    color:
        #ff1493;
}



/* ========================================
   OLD-SCHOOL SCROLLBAR
======================================== */

::-webkit-scrollbar {
    width: 15px;
}


::-webkit-scrollbar-track {
    background:
        #d4d0c8;
}


::-webkit-scrollbar-thumb {
    border:
        2px outset #ffffff;

    background:
        #919191;
}



/* ========================================
   MOBILE
======================================== */

@media (max-width: 850px) {

    .site-content {
        width:
            min(
                calc(100% - 20px),
                720px
            );

        margin:
            15px auto;
    }


    .profile-section {
        grid-template-columns:
            1fr;

        padding: 18px;
    }


    .profile-sidebar {
        width: 100%;

        max-width: 420px;

        margin:
            0 auto;
    }


    .memory-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }


    .loading-window {
        width: 100%;
    }


    .loading-content {
        padding:
            38px
            22px;
    }


    .loading-content h1 {
        font-size: 23px;
    }


    .music-player {
        width: 100%;
    }

}



/* ========================================
   SMALL MOBILE
======================================== */

@media (max-width: 480px) {

    .profile-section {
        padding: 12px;
    }


    .profile-name {
        font-size: 22px;
    }


    .memory-grid {
        gap: 12px;
    }


    .contact-links {
        grid-template-columns:
            1fr;
    }


    .loading-content h1 {
        font-size: 19px;
    }


    .loading-subtext {
        font-size: 11px;
    }

}



/* ========================================
   REDUCED MOTION
======================================== */

@media (prefers-reduced-motion: reduce) {

    .pixel-heart,
    .site-heart,
    .sparkle,
    .loading-screen::before,
    .header-marquee span {
        animation-duration:
            0.01ms;

        animation-iteration-count:
            1;
    }

}

/* ========================================
   PHOTO / VIDEO ALBUM PAGE
======================================== */

.album-page {
    position: relative;

    width:
        min(
            1180px,
            calc(100% - 40px)
        );

    margin:
        35px auto;

    z-index: 2;
}



/* ========================================
   ALBUM WINDOW
======================================== */

.album-window {
    width: 100%;

    border:
        3px solid #bdbdbd;

    background:
        #ffffff;

    box-shadow:
        0 0 0 2px #ffffff,
        10px 10px 0 rgba(0, 0, 0, 0.5),
        0 0 35px rgba(255, 20, 147, 0.25);
}



/* ========================================
   ALBUM WINDOW TITLE BAR
======================================== */

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

    min-height: 38px;

    padding:
        5px
        7px
        5px
        10px;

    background:
        linear-gradient(
            90deg,
            #0000b8,
            #1737ff
        );

    border-bottom:
        2px solid #7d7d7d;

    color:
        #ffffff;

    font-size: 13px;
    font-weight: bold;
}



/* ========================================
   ALBUM HEADER
======================================== */

.album-header {
    padding:
        24px
        26px
        20px;

    border-bottom:
        1px solid #999;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #eeeeee
        );
}


.album-back-link {
    display: inline-block;

    margin-bottom: 17px;

    color:
        #003399;

    font-size: 11px;
    font-weight: bold;

    text-decoration:
        none;
}


.album-back-link:hover {
    color:
        #ff1493;

    text-decoration:
        underline;
}


.album-header h1 {
    margin-bottom: 8px;

    color:
        #111111;

    font-size: 27px;
}


.album-path {
    margin-bottom: 5px;

    color:
        #003399;

    font-size: 13px;
    font-weight: bold;
}


.album-count {
    color:
        #666666;

    font-size: 11px;
}



/* ========================================
   ALBUM GRID
======================================== */

.album-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap:
        28px
        20px;

    padding:
        28px;

    background:
        #ffffff;
}



/* ========================================
   ALBUM ITEM
======================================== */

.album-item {
    min-width: 0;

    text-align:
        center;
}


.album-item p {
    margin-top:
        9px;

    color:
        #003399;

    font-size:
        11px;

    font-weight:
        bold;

    line-height:
        1.4;
}



/* ========================================
   PHOTO / VIDEO FRAME
======================================== */

.album-media {
    position:
        relative;

    overflow:
        hidden;

    width:
        100%;

    aspect-ratio:
        1 / 1;

    border:
        3px ridge #bcbcbc;

    background:
        #e5e5e5;

    box-shadow:
        4px 4px 0 rgba(0, 0, 0, 0.35);

    cursor:
        pointer;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}



/* ========================================
   ALBUM PHOTOS
======================================== */

.album-media img {
    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;
}



/* ========================================
   ALBUM VIDEOS
======================================== */

.album-media video {
    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    background:
        #000000;
}



/* ========================================
   VIDEO LABEL
======================================== */

.video-label {
    position:
        absolute;

    right:
        7px;

    bottom:
        7px;

    padding:
        5px
        7px;

    border:
        1px solid #ffffff;

    background:
        rgba(0, 0, 0, 0.82);

    color:
        #ff5cac;

    font-family:
        "Courier New",
        monospace;

    font-size:
        10px;

    font-weight:
        bold;

    pointer-events:
        none;

    text-shadow:
        0 0 5px #ff1493;
}



/* ========================================
   ALBUM ITEM HOVER
======================================== */

.album-item:hover .album-media {
    transform:
        translateY(-3px);

    border-color:
        #ff1493;

    box-shadow:
        5px 5px 0 rgba(255, 20, 147, 0.3);
}


.album-item:hover p {
    color:
        #ff1493;
}



/* ========================================
   VIDEO HOVER EFFECT
======================================== */

.video-item::before {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    background:
        rgba(0, 0, 0, 0.08);

    z-index:
        1;

    pointer-events:
        none;

    transition:
        opacity 0.2s ease;
}


.video-item:hover::before {
    opacity:
        0;
}


.video-item .video-label {
    z-index:
        2;
}



/* ========================================
   ALBUM MOBILE
======================================== */

@media (max-width: 850px) {

    .album-page {
        width:
            calc(100% - 20px);

        margin:
            15px auto;
    }


    .album-grid {
        grid-template-columns:
            repeat(2, 1fr);

        gap:
            22px
            16px;

        padding:
            20px;
    }


    .album-header {
        padding:
            20px;
    }


    .album-header h1 {
        font-size:
            23px;
    }

}



/* ========================================
   ALBUM SMALL MOBILE
======================================== */

@media (max-width: 480px) {

    .album-grid {
        gap:
            16px
            10px;

        padding:
            12px;
    }


    .album-header {
        padding:
            16px;
    }


    .album-header h1 {
        font-size:
            20px;
    }


    .album-item p {
        font-size:
            10px;
    }


    .video-label {
        font-size:
            9px;
    }

}