@font-face{
    src: url("../../../fonts/editundo.ttf");
    font-family: kongtext;
}

body{ 
    background: #BEDEAD;
}

#codespace{
    background-color: #f6fef6;
    border: solid 3px #BEDEAD;
    color: #a4d888;
    padding: 5px;
    font-size: 125%;    
}

hr{
    background-color: rgba(146,176,139,1);
    height: 0.25%;
    border: none;
}

.pagecontainer{
    justify-content: center;
    overflow: hidden
}

#icons{
    image-rendering: pixelated;
    border: solid 3px #819a7c;
    width: 5%;
    vertical-align: middle;
    float:left;
    
}

.article{
    border: solid 0.5vw #819a7c;
    height: auto;
    font-family: kongtext;
    padding : 2.5%;
    background-color: white;
}

.article p{
    color: #76996f;
    font-size: 150%;
    text-align: justify;
}

#title{
    font-size: 225%;
    text-align: center;
    color: #819a7c;
}

#headers{
    font-size: 180%;
    text-align: center;
    color: #819a7c;
}

@media(min-width:1000px){
    .pagecontainer{
        display: grid;
        grid-template-columns: 50vw;
        column-gap: 1vw;
    }

    .article{
        grid-column-start: 1;
        grid-column-end: 1;
        border: solid 0.225vw #819a7c;
    }
    
    #icons{
        width: 3.5%;
    }
}