* {
    box-sizing: border-box;
}

body {
    background-image: linear-gradient(to bottom, #693800, #502b00);
    color: #666666;

    font-family: verdana, arial, sans-serif;
    background-attachment: fixed;
    margin: 0px;
    color:#f5cc75;

}

#wrapper {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: minmax(150px, 1fr)  minmax(150px, 1750px) minmax(150px, 1fr);

}
header{
    background-color:rgba(227, 220, 13, 0.3) ;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
}

nav{
    background-color:rgb(227, 13, 13,.3) ;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 3;
}
nav a {
    text-decoration: none;
    color: #e89746;
    padding: 1rem 0rem;
    display: block;
    text-align: center;
}


article{
    background-color:rgba(13, 227, 13, 0.3) ;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}
#sidebar{
    background-color:rgba(13, 227, 227, 0.3) ;
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
footer{
    background-color:rgba(59, 13, 227, 0.3) ;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 3;
    width: 100%;
}