nav {
    box-sizing: border-box;
    width: 200px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0px 12px;
    color:rgb(105, 105, 105);

    background-color: rgb(29, 29, 29);
}
body {
    background-color: rgb(96, 148, 130);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 18px;
    color: rgb(255, 255, 255);

}

nav ul {
    list-style: none;
    padding: 0;
    
}
nav a {
    text-decoration: none;
    color: white;
    padding: 12px 4px;
    display: block;
}
main {
    margin-left: 200px;
}
h1 {
    color:rgb(37, 87, 70)

}
a {
    color:rgb(88, 41, 14)
}

.image {
    border-radius: 6px;
    box-shadow: 4px 4px 10px rgb(22, 34, 30);
}
.w-450 {
    width : 450px;
}
@media  screen and (max-width: 768px) {
    .w-450 {
        width:100%;
    }
}
@media screen and(max-width:480px) {
    nav {
        width: 100%;
        height: 200px;
    }
nav ul {
    margin: 0;
}
main {
    margin-left: 0;
    margin-top: 100px;
    padding: 10px 12px
    }
}