@import url(5guns.css);

body {
        background-image: url("images/backgnd.jpg");
        background-size: cover;
        background-position: center center;
        padding: 10px;
        margin: 0 auto;
        font-family: Arial;
        color: rgb(230, 230, 230);
        display: flex;
        max-height: 100vh;
        flex-direction: column;
}

header {
        border-radius: 0px 0.5em 0.5em;
        border: 0px solid;
        border-color: #a1a3a4;
        margin-left: 10px;
        margin-right: 10px;
        display: flex;
        justify-content: flex-start;
}

page_box {
        border-radius: 0px 0.5em 0.5em;
        border: 0px solid;
        border-color: #a1a3a4;
        display: flex;
        flex: 80%;
        min-inline-size: 25em;
        max-inline-size: 40em;
        padding: 0px;
        margin: 0px;
}

article_col {
        border-radius: 0px 0.5em 0.5em;
        border: 0px solid;
        border-color: #a1a3a4;
        padding: 1px;
        margin: 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
}

sub_article {
        border-radius: 0px 0.5em 0.5em;
        border: 0px solid;
        border-color: #a1a3a4;
        display: flex;
        padding: 1px;
        margin: 0;
        justify-items: center;
}

sub_article_bottom {
        border-radius: 0px 0.5em 0.5em;
        border: 0px solid;
        border-color: #a1a3a4;
        display: flex;
        padding: 1px;
        margin: 0;
        flex-direction: column;
        justify-content: flex-end;
}

navi_col {
        border-radius: 0px 0.5em 0.5em;
        border: 0px solid;
        border-color: #a1a3a4;
        padding: 1px;
        margin: 10px;
        display: flex;
        flex-direction: column;
}

nav_button {
        border-radius: 0px 0.5em 0.5em;
        border: 1px solid;
        border-color: #a1a3a4;
        display: flex;
        padding: 10px;
        margin: 0;
}

footer {
        border-radius: 0px 0.5em 0.5em;
        border: 1px solid;
        border-color: #a1a3a4;
        padding: 10px;
        margin: 10px;
        display: flex;
        justify-content: space-between;
}

footer * {
         flex: 1 1 0%;
         justify-content: space-between;
         margin-top: 0em;
         margin-bottom: 0em;
         margin-right: 10%;
}

footer p {
         text-align: right;
         margin-top: 0em;
         margin-bottom: 0em;
         margin-right: 0em;
}


Title1 { font-size: 3.2em;
         margin-bottom: 0em;
         -webkit-text-stroke: 2px rgb(223, 172, 32);
         -webkit-text-fill-color: transparent;
}

Title2 { font-size: 1.5em;
         font-weight: bolder;
         font-style: italic;
         color: white;
         margin-top: 0em;
         margin-bottom: 0em;
         margin-left: 10%;
}

h1 { font-size: 1.8em;
     color: rgb(223, 172, 32);
     margin-bottom: 0em;
}

h2 { font-size: 1.6em;
     color: rgb(180, 85, 15);
     margin-bottom: 0em;
}

h3 { font-size: 1.4em;
     color: rgb(200, 60, 60);
     margin-bottom: 0em;
}

h4 { font-size: 1.2em;
     color: rgb(255, 255, 255);
     margin-top: 0em;
     margin-bottom: 0em;
}

h5 { font-size: 1.1em;
     margin-top: 0em;
     margin-bottom: 0em;
}

p { font-size: 1em;
    font-family: Arial;
    font-size: 1em;
    color: rgb(230, 230, 230);
    margin-bottom: 0em;
    margin-top: 1em;
}

a:link, a:visited {
         text-decoration: underline;
         font-family: Arial;
         font-size: 1em;
         color: rgb(255, 60, 60);
}

a:hover { text-decoration: underline;
            font-family: Arial;
            font-size: 1em;
            color: rgb(200, 200, 200);
}

sub_article a:link {
         font-weight: bolder;
}

scroll_txt {
         -webkit-animation: textwelle 2s;
         animation: textwelle 2s;    */
         font-size: 1em;
         font-style: italic;
         color: rgb(148, 148, 148);
         margin: 10px;
         flex: 1 100%;
}

@keyframes textwelle {
        0% { font-size: 0%; opacity: 0; }
        100% { font-size: 100%; opacity: 1; }
}

@-webkit-keyframes textwelle {
        0% { font-size: 0%; opacity: 0; }
        100% { font-size: 100%; }
}