body{

    background-image: url(https://i.pinimg.com/736x/1a/a1/2c/1aa12c4c0a348fb982532ac4d0e81b44.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    margin: 0px;
}

h1{
text-align: center;
color: rgb(9, 183, 209);

}

.navbar ul{
    list-style-type: none;
    background-color: rgb(16, 92, 119);
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}
.navbar a{
    color:rgb(9, 183, 209);
    text-decoration:none;
    padding: 15px;
    display: block;
    text-align: center;
}
.navbar a:hover{
    background-color:rgb(9, 58, 75);
}
body{
    font-family: "bradley hand ITC", "arial"

}

.box{
    
max-width: 1000px;
margin: 50px auto;
display: grid;
grid-gap: 10px;
grid-template-columns: 250px auto;


}

header, nav, main, footer{
    border: black 2px solid;
    background-color: rgb(16, 92, 119);
    color: rgb(9, 183, 209);
}

header{
grid-row: 1/2;
grid-column: 1/3;

}

nav{
    grid-row: 2/3 ;
    grid-column: 1/2;
    height: max-content;
    
}

main{
    grid-row: 2/3;
    grid-column; 2/3;
height: max-content;
margin: 20px;
}

footer{
    grid-row: 3/4;
    grid-column: 1/3;
}

.navbar li{
    float: left;
}