/*
Theme Name: Rubbery 3 Blank Template
Author: Nickolas Nikolic
*/

body{
    background-image: url('assets/images/bg-giggle.png') !important;
    background-size: 4mm !important;
    background-repeat: repeat !important;
    color: #61008b;
    font-family: 'tt-firs-regular';
}

header{
    max-width: 640px;
    padding: 5px 30px;
    display: none;
}

article{
	color: #61008b;
	background: white; 
	box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 20%);

    margin: 2em;
    align-items: center;
    text-align: justify;
    padding: 2em;
}

a, a::visited, a::active{
	color: black;
}

.post img {
	z-index: inherit;
	filter: none;
}


header, section{
    z-index: 2;
}

header, article{
    border-radius: 16px;
}

section{
    position: relative;
    left: -30px;
}

a, a:visited, a:active{
    text-transform: uppercase;
    text-decoration: underline;
    font-stretch: normal;
    transition: all 450ms;
}
a:hover{
    color: white;
    background: rgba(0, 15, 15, 0.801);
    padding: 3px;
}
a:hover::before{
    content: '\2023';
    color: white;
    font-size: 17px;
}
a,li{
    list-style: none;
    line-height: 1.2em;
}
article{
    align-items: center;
    max-width: 640px;
}

.post{
    margin: 2em auto;
    align-items: center;
    text-align: justify;
    padding: 2em;
}

.post img{
    width: 100%;
    margin-bottom: 0.8rem;
    border-radius: 4.5px;
}

svg{
    z-index: -10;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
#footerNav{
    margin: auto;
    padding: 0 auto;
    width: 640px;
    align-content: center;
}

@media (max-width: 1279px) {
    body{
        background: transparent;
    }
    header, svg{
        display: none;
    }
    section{
        position: static;
    }
    article{
        width: 100%;
    }
    .post{
        margin: 2px;
        padding: 5px;
    }
    .bio{
        line-height: 20px;
        text-align: justify;
    }
    .bio img{
        width: inherit;
    }
    a, a:visited, a:active{
        color: blue;
    }
    #footerNav{
        width: 100%;
    }   
}