body{

    background:#FEF5DA;

    font-family: Georgia, serif;

    color:#141414;

}

.container{

    width:900px;

    margin:auto;

}


.last-updated{

    margin-top:20px;

    border-top:1px solid #999;

    padding-top:10px;

}

.top{

    display:grid;

    grid-template-columns:220px 1fr;

    gap:20px;

    margin-bottom:20px;

}

nav,
.welcome,
.updates,
.bottom section {

    background-color:#D7E5B3;

    border: 1px solid #6d7567;

    padding: 15px;

}

header {

    background-image:
        linear-gradient(
            rgba(165, 228, 114, 0.12),
            rgba(165, 228, 114, 0.12)
        ),
        url("header.jpg");

    background-size: cover;

    background-position: center 50%;

    background-repeat: no-repeat;

    border: 2px solid #6d7567;

    padding: 35px;

}


nav {

  background-image:
        linear-gradient(
            rgba(165, 228, 114, 0.1),
            rgba(165, 228, 114, 0.1)
        ),
        url("polkadotbg.jpg");

    background-repeat: repeat;
    display:block;

    margin:10px 0;

    color:#4b6484;

    text-decoration:none;

}

nav a:hover{

    color:#805d88;
}
    nav a:hover::before { 
    content: ">";
    }

.updates{

    margin-bottom:20px;

}

.bottom{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}

h1{

    margin-top:0;

}

h2{

    border-bottom:2px solid #aaa;

    padding-bottom:5px;

}



.box {

    background-color: #f6f3eb;

    border: 1px solid #6d7567;

    padding: 15px;

    margin-bottom: 20px;

    box-shadow: 3px 3px 0px #b8b8b8;

}

nav {

    display: flex;

    flex-direction: column;

    gap: 8px;

}