/* Global */
:root {
font-family: Tahoma, Verdana, sans-serif; 
background-color:  #47331a;
background-image: url('/images/argyle.png');
color: rgb(241, 231, 218);
}

@keyframes title {
    from {color:rgb(30, 197, 61)}
    to {color:white}
}

body {
    display: grid;
    grid-template-columns: 15em 30em 10em;
    grid-template-rows: 5em 10em 2fr 2fr 2fr;
    background-color:#486c45;
    padding: 1em;
    margin: 2em;
    margin-left: 15em;
    margin-right: 15em;
    border: 0.5em solid #162d1f;
    background-image: url('/images/black-linen.png');
    font-size: medium;
}

/* Header */
body > header {
    display: grid;
    grid-column: 2/6;
    grid-row: 1;
    animation: title 4s infinite forwards alternate linear;
    margin-top: -40px;
    font-size: 30px;
    text-decoration: underline #162d1f wavy;
    text-decoration-thickness: 2.05px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    justify-content: center;
}

body > #pfp {
    grid-column: 1;
    grid-row: 1;
    height: 13em;
    border-radius: 10%;
    border: 0.25em solid #162d1f;
}

/* Nav */
nav {
    grid-column: 1;
    grid-row: 3/6;
    font-size: 30px;
    margin-right: 25px;
    border-radius: 2%;
    border: dotted #162d1f;
    background-color: rgba(45, 55, 26, 0.6);
}
body > nav > ul > li > a {
    color: rgb(241, 231, 218);
    text-decoration: none;
}
body > nav > ul > li > a:hover {
    text-decoration: underline wavy;
    text-decoration-skip: none;
}

body > nav > ul {
    list-style-type: square;
    list-style-position: initial;
}

/* Main */

body > main {
    grid-column: 2 / 6;
    grid-row: 2/6;
    font-size: 16px;
    background-color: rgba(30, 37, 15, 0.5) ;
    padding: 15px;
    padding-top: 5px;
    border: dashed #162d1f; 
} 

body > main a {
    color: rgb(149, 231, 154);

}
body > main a:visited {
    font-style: italic;
}

body > main > hr {
    border-style: dashed;
    border-width: 1px;
    opacity: 30%;
}

.linktitle {
    font-size: 20px;
}

body > main > blockquote {
    background-color: rgb(0, 0, 0, 0.3) ;
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-align: center;
    padding: 5px;
}

.posted-date {
    font-size: 11px;
    color: rgb(215, 208, 198);
}


body > footer {
    grid-column: 1/6;
    grid-row: 7;
    padding-top: 13px;
    margin-top: 15px;
    border-top: dotted 7px rgba(0, 0, 0, 0.5);
    
    text-align: center;
    font-size: smaller;
}