/* _content/ChronicVagrant/Components/Layout/MainLayout.razor.rz.scp.css */

#page[b-kntg08pewj] {
    /*max-width: 1280px;*/
    width: 100%;
    margin: 0 auto;
    padding: 0;
    /*text-align: center;*/
}

[b-kntg08pewj] .content-container {
    width: 40%;
    min-width: 300px;
}
/* _content/ChronicVagrant/Components/Layout/NavMenu.razor.rz.scp.css */

.navbar[b-0x60cg7j6x] {
    font-family: system-ui, Avenir, Helvetica, Arial;
    line-height: 1.5;
    font-weight: 400;

    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--nav-color);
    color: var(--text-color);

    list-style-type: none;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw !important;
    height: 2.5em;
    padding: 0;

    font-size: 1.25em;

    z-index: 100;
}

.navbar-center[b-0x60cg7j6x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.navbar-center .nav-links[b-0x60cg7j6x] {
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
}


.navbar-center .nav-links li[b-0x60cg7j6x] {
    margin-right: 1rem;
    display: inline;
}

.navbar-center .nav-links span[b-0x60cg7j6x] {
    color: var(--text-color);
    vertical-align: middle;
}

[b-0x60cg7j6x] .navbar-center .nav-links a {
    color: var(--text-color);
    text-decoration: none;
    /*height: 2rem;*/
    vertical-align: middle;
}

[b-0x60cg7j6x] .navbar-center .nav-links a:hover {
    color: var(--text-color-hover);
}

[b-0x60cg7j6x] .navbar-center .nav-links a.active span {
    text-decoration: underline;
    color: var(--text-color-hover);
}

.navbar-center .nav-links img[b-0x60cg7j6x] {
    display: inline-flex;
    
    vertical-align: middle;
    /*height: 100%;*/
    padding: 0;
    margin: 0;

    background: none;
    outline: none;
    border: none;
}

.navbar-title[b-0x60cg7j6x] {
    height: 100%;
}

@media only screen and (max-width: 320px) {
    .title-text[b-0x60cg7j6x] {
        display: none;
    }
}
/* _content/ChronicVagrant/Components/Pages/About.razor.rz.scp.css */

#about[b-ja56mw4kdg] {
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
    
    height: 100vh;
    
    background-color: black;
    background-image: url(./assets/bg01.png);
    background-repeat: repeat;
    animation: background-anim 5s infinite alternate cubic-bezier(0.55, 0.055, 0.675, 0.19);
}


/*#about {*/
/*    min-height: 100vh;*/
/*    height: 100vh;*/
/*    width: 100%;*/
/*    background-color: rgb(2, 0, 87);*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

.about-wrapper[b-ja56mw4kdg] {    
    margin-top: 4em;
    /*margin: 0%;*/
    padding: 0%;
    min-width: 50%;
    width: 60%;
    font-family: PressStart2P;
    font-size: calc(4px + 2vmin);
    line-height: 1.4em;
    text-align: center;
    /*text-shadow: -1px 1px #e84e40;*/
    animation: fade-in-grow-b-ja56mw4kdg 0.1s ease;
}

.about-wrapper a:link[b-ja56mw4kdg] {
    color: #e84e40;
}

.about-wrapper a:visited[b-ja56mw4kdg] {
    color: #407be8;
}

.about-wrapper h2[b-ja56mw4kdg] {
    margin-top: 6vmin;
    margin-bottom: 0vmin;
}

.about-wrapper p[b-ja56mw4kdg] {
    margin-top: 1vmin;
    margin-bottom: 0vmin;
}

.social-icon[b-ja56mw4kdg] {
    height: 8vmin;
    margin: .5em .5em;
}

@keyframes fade-in-grow-b-ja56mw4kdg {
    0% {
        opacity: 0;
        transform: scale(.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/ChronicVagrant/Components/Pages/Blog.razor.rz.scp.css */

#blog[b-eyvfo3mw43] {
    margin-top: 4em;
    display: flex;
    align-self: center;
    justify-content: center;
    text-align: center;
}

.blog-wrapper[b-eyvfo3mw43] {
    margin: 0%;
    padding: 0%;
    font-family: PressStart2P;
    font-size: calc(4px + 2vmin);
    line-height: 1.4em;
    text-align: center;
    /*text-shadow: -1px 1px #e84e40;*/
}

.blog-list[b-eyvfo3mw43] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    justify-content: left;
    text-align: left;
}

.blog-item[b-eyvfo3mw43] {
}

@keyframes fade-in-grow-b-eyvfo3mw43 {
    0% {
        opacity: 0;
        transform: scale(.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/ChronicVagrant/Components/Pages/Games.razor.rz.scp.css */
#games[b-vivxkasqac] {
    min-height: 100vh;
    height: 100vh;
    width: 100vw;
    /*background-color: rgb(49, 1, 43);*/
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.game-list[b-vivxkasqac] {
    /* top: 10vh; */
    min-height: 0vh;
    list-style: none;
    min-width: 200px;
    width: 60%;
    max-width: 720px;

    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

.game-list[b-vivxkasqac], li[b-vivxkasqac] {
    display: block;
}
/* _content/ChronicVagrant/Components/Pages/Home.razor.rz.scp.css */

#home[b-m3duv70ukn] {
    overflow: clip;
    
    background-color: black;
    background-image: url(./assets/bg01.png);
    background-repeat: repeat;
    animation: background-anim-b-m3duv70ukn 5s infinite alternate cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

@keyframes background-anim-b-m3duv70ukn {
    100% {
        background-position: 4px 12px;
    }
}

.logo-screen[b-m3duv70ukn] {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo[b-m3duv70ukn] {
    /*aspect-ratio: 1;*/
    object-fit: contain;
    padding: 1.5em;
    will-change: filter;
    transition: filter 300ms;
    /*animation: background-anim 5s infinite alternate cubic-bezier(0.55, 0.055, 0.675, 0.19);*/
    animation: logo-spin-b-m3duv70ukn 4s linear infinite;

    /* Render crispy img  */
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING                */
    image-rendering: -moz-crisp-edges;          /* Firefox                       */
    image-rendering: -o-crisp-edges;            /* Opera                         */
    image-rendering: pixelated;                 /* Chrome                        */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                          */


    @media screen and (orientation: portrait) {
        width: 50vw;
        min-width: 10vw;
        max-width: 50%;
        height: auto !important;[b-m3duv70ukn]
    }
    /* Landscape */
    @media screen and (orientation: landscape) {
        height: 50vh;
        min-height: 10vw;
        max-height: 50%;
        width: auto !important;[b-m3duv70ukn]
    }
}

.logo:hover[b-m3duv70ukn] {
    filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.react:hover[b-m3duv70ukn] {
    filter: drop-shadow(0 0 2em #61dafbaa);
}

.logo:active[b-m3duv70ukn] {
    animation: main-logo-clicked-b-m3duv70ukn linear;
}

@keyframes main-logo-clicked-b-m3duv70ukn {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(.95);
    }
}

@keyframes logo-spin-b-m3duv70ukn {
    from {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    to {
        transform: scale(1);
    }
}

#background-video[b-m3duv70ukn] {
    /*min-width: 100%;*/
    /*min-height: 100%;*/
    /*aspect-ratio: 16/9;*/
    top: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    overflow: clip;

    object-fit: contain;
    left: 50%;
    transform: translate(-50%, 0);

    -webkit-filter: blur(4px);
    filter: blur(4px);

    /*z-index: -100;*/

    @media screen and (orientation: portrait) {
        max-width: 100%;
        width: 100%;
        min-height: 100%;[b-m3duv70ukn]
    }
    /* Landscape */
    @media screen and (orientation: landscape) {
        min-width: 100%;
        max-height: 100%;
        height: 100%;[b-m3duv70ukn]
    }
}

.video-overlay[b-m3duv70ukn] {
    animation: fade-out-overlay-b-m3duv70ukn 2s ease-in;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    position: absolute;

    pointer-events: fill;
    background: rgba(0, 0, 0, 0.5);
}

@keyframes fade-out-overlay-b-m3duv70ukn {
    0% {
        background: rgba(0, 0, 0, 1);
    }
    100% {
        background: rgba(0, 0, 0, 0.5);
    }
}
/* _content/ChronicVagrant/Components/Pages/PostPage.razor.rz.scp.css */
.article[b-2o46nwyg07] {
    margin: 4rem 0;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;

    text-align: left;
}

.post-wrapper[b-2o46nwyg07] {
    justify-content: left;
    justify-items: left;
}

.post-wrapper a[b-2o46nwyg07] {
    font-size: 0.5em;
}

[b-2o46nwyg07] .language-csharp {
    
}
/* _content/ChronicVagrant/Components/Shared/GameWidget.razor.rz.scp.css */

.games-wrapper[b-9lmdzsdm5m] {
    min-height: 100vh;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.steam-game[b-9lmdzsdm5m] {
    border: none;
    /*min-width: 256px;*/
    width: 80%;
    height: 20vh;
    margin: 1em;
}

.game-wrapper[b-9lmdzsdm5m] {
    /* margin: 1em; */
    width: 100%;
    height: auto;
    /*min-width: 432px;*/
    /* padding: 1em 1em; */
    margin-top: 0px;
    margin-bottom: 8%;
}

.game-widget[b-9lmdzsdm5m] {
    width: 100%;
    border: 1px solid #484e58;
    background-color: #282e39;
    position: relative;
    display: inline-block;
    color: #c9c9c9;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0em .1em 2em rgb(0, 0, 0);

    animation: fade-in-grow-b-9lmdzsdm5m 0.1s ease;
}


.game-widget .header[b-9lmdzsdm5m] {
    /*padding-top: .5em;*/
    padding-left: .5em;
    margin-top: .5em;
}

.game-widget .capsule[b-9lmdzsdm5m] {
    float: left;
    width: 85%;
    max-width: 184px;
    aspect-ratio: 184 / 69;
    padding: 0;
    margin: 0em .5em 0em 0em;
}

.game-widget .header .header-name[b-9lmdzsdm5m] {
    color: white;
    font-family: "Motiva Sans", Sans-serif, sans-serif;
    font-size: 1.4rem;
    line-height: 1em;
    /*margin: 0em;*/
    padding: 0;
    /*padding: 0.1em;*/
    display: inline-block;
    text-decoration: underline;
    margin: 0em 0 .5em;
}

.game-widget .text_area[b-9lmdzsdm5m] {
    /*display: inline-block;*/
    /*width: 100%;*/
    padding: 0.5em;
    /*min-width: 8em;*/
    margin-top: -1em;
    /*padding: 0;*/
    margin-bottom: 1em;
}

.game-widget .desc[b-9lmdzsdm5m] {
    /*padding: 1em;*/
    /*!*min-width: 8em;*!*/
    /*margin-top: 0em;*/
    /*!*padding: 0;*!*/
    /*margin-bottom: 1em;*/
    /*font-size: 1em;*/
    /*max-height: 6em;*/
    /*min-width: 2em;*/
    /*!*margin: 1em;*!*/
    /*overflow: clip;*/
    /*text-overflow: clip;*/
    /*padding-right: .1em;*/
}

.game-widget .purchase_area img[b-9lmdzsdm5m] {
    position: absolute;
    bottom: -1em;
    right: .3em;
    min-width: 128px;
    width: 20%;
    height: auto;
}

@keyframes fade-in-grow-b-9lmdzsdm5m {
    0% {
        opacity: 0;
        transform: scale(.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@media only screen and (max-width: 200px) {
    .desc[b-9lmdzsdm5m] {
        display: none;
    }
}
/* _content/ChronicVagrant/Components/Shared/MarkdownEditor.razor.rz.scp.css */

.editor[b-hr9bl43rqp] {
    color: #e0e0e0;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 80vh;
}

.section[b-hr9bl43rqp] {
    width: 45%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.edit[b-hr9bl43rqp] {
    background: #484e58;
}

.preview[b-hr9bl43rqp] {
    background: #282e39;
}

.markdown-input[b-hr9bl43rqp] {
    width: 90%;
    aspect-ratio: 1;
    height: auto;

    margin: 0;
    padding: 0;
}

.markdown-input input[b-hr9bl43rqp] {
    
}
/* _content/ChronicVagrant/Components/Shared/PostPreview.razor.rz.scp.css */

.post-item[b-0kjsoromax] {
    width: 100%;
    border: 1px solid #484e58;
    background-color: #282e39;
    position: relative;
    display: inline-block;
    color: #c9c9c9;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0em .1em 2em rgb(0, 0, 0);
    
    padding: 0.5em;
    margin: 0;

    margin-block: 0;

    border-radius: 0.25em;
}

.post-item p[b-0kjsoromax] {
    font-size: 0.8em;
}

.post-title[b-0kjsoromax] {
    margin: 0;
    margin-block: 0;
}

.post-title h3[b-0kjsoromax] {
    text-underline: #484e58;
}

.post-date[b-0kjsoromax] {
    position: absolute;
    right: 0.25em;
    top: 0.25em;
    left: auto;
    
    margin: 0;
    margin-block: 0;
    padding: 0.25em;
    
    background-color: #484e58;
    border-radius: 0.25em;
}

.post-preview[b-0kjsoromax] {
    overflow: hidden;
    text-overflow: clip;

    margin-block: 0;
}