<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.blog-text {
    display: block;
    width: 390px;
    padding: 5px;
    font-size: 8px;
    color: #009C9B;
    background-color: #23193f;
    font-family: 'space-mono';
    margin-top: 2px;
    margin-bottom: 2px;
}

@keyframes popText {
    0% {
        transform: scale(0.01, 1.0);
    }

    100% {
        transform: scale(1.0, 1.0);
    }
}

@font-face {
    font-family: 'space-mono';
    src: url('../content/fonts/SpaceMono-Regular.ttf');
}

.blog-pic {
    display: flex;
    width: 300px;
    margin-top: 2px;
    margin-bottom: 2px;
    /* border-radius: 5px; */
    background-size: contain;
}

.blog-folder-container {
    display: flex;
    width: 90px;
    height: 90px;
    /* border-radius: 5px; */
}

.blog-folder {
    display: flex;
    width: 86px;
    height: 86px;
    flex-direction: column-reverse;
    overflow: hidden;
    cursor: pointer;
}

.blog-folder:active {
    
}

.blog-folder-banner {
    display: flex;
    flex-grow: 1;
    z-index: 0;
}

.blog-folder-banner-gradient {
    width: 86px;
    height: 86px;
    position: absolute;
    z-index: 1;
    /* border-radius: 3px; */
    background-image: linear-gradient(0deg, #2b1767, transparent);
}

.blog-folder-header {
    padding: 5px;
    font-size: 7px;
    position: absolute;
    color: #5cffff;
    width: 76px;
    z-index: 2;
    font-family: 'space-mono';
    letter-spacing: -0.5px;
}

.blog-root {
    padding: 8px;
    height: 0px;
    display: flex;
    flex-direction: column;
}

.blog-content-root {
    width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blog-folders-root {
    width: 400px;
    display: grid;
    grid-template-columns: 90px 90px 90px 90px;
    gap: 8px;
    justify-content: center;
}</pre></body></html>