/*
Theme Name: Nekzone
Theme URI: https://nek.zone
Author: Nek
Author URI: https://nek.zone
Description: Custom fuckin theme for Nek.zone
Version: 0.1
*/

/* TYPOGRAPHY, ELEMENTS, AND LAYOUT */

@import url('https://fonts.googleapis.com/css2?family=Chewy&family=Varela+Round&display=swap');

body{
    color:#fff;
    background:#574255;
    font-family:'Varela Round';
}

a{
    color:magenta;
}

h1,h2,h3,h4{
    font-family:'Chewy';
}

#page{
    max-width:950px;
}

article{
    background:rgba(0,0,0,0.2);
    padding:10px;
    border-radius:10px;
}

footer{
    font-size:0.8em;
    padding:20px;
    text-align:center;
}

footer p{
    line-height:4px;
}

/* NAVBAR */

.navbar{
    font-size:1.2em;
}

.navbar li .badge{
    font-size:0.6em;
}

.navbar-brand{
    letter-spacing:-5px;
    font-size:2.4em;
    font-family:'Chewy';
    position:relative;
    text-shadow:2px 2px 0px rgba(0,0,0,0.3);

    span{
        padding-left:6px;
        font-size:0.6em;
        letter-spacing:0000000px;
        color:magenta;
    }
}

.navbar-brand:Hover{
    top:1px;
    text-shadow:1px 1px 0px rgba(0,0,0,0.3);
}

.nav-item a{
    color:#fff;
}

.dropdown-menu{
    border:none;
    background:rgba(0,0,0,0.7);
}

.dropdown-menu a:Hover{
    background:rgba(0,0,0,2);
}

/* CONTENT */

#galleryGrid .card{
    border:none;
    margin:4px 2px;

    .card-body{
        padding:10px 4px;
        background:rgba(0,0,0,0.2);
        border-radius:10px;
        margin-top:10px;
    }
}

#galleryGrid .card a{
    color:#fff;
    text-decoration:none;
}

article header{
    text-align:center;
}

.article-date{
    line-height:6px;
    margin-bottom:20px;
    font-size:0.9em;
    font-weight:bold;
    letter-spacing:1px;
}

.article-tags{
    margin-top:20px;
    text-align:center;
}

#pagination{
    overflow:hidden;
    clear:both;
    padding:10px;
    font-size:1.5em;
    font-family:'Chewy';
}

#pagin-next{
    float:right;
}

#pagin-prev{
    float:left;
}