@charset "UTF-8";
nav {
    list-style: none;
    text-align: center;}
   li {
      width: 140px;
      color: blanchedalmond;
      text-align: center;
        background-color: #f0f8ff;
        display: inline-block;}
   
    nav li a {
        text-decoration: none;
        color: #fff;
        font-weight: bold;}


body{background: #b0c4de;}
h1{text-align: center;
     color:black ;}
.intro{
    text-align: center;
    color: black;
}
     
.img{
    text-align: center;
    width: auto;
}
footer{
    text-align: center;
}
    

@media screen and (max-width: 480px){
    nav {
        list-style: none;
        box-align: center;}
       li {
          width: 80px;
          color: blanchedalmond;
          text-align: center;
            background-color: #f0f8ff;
            display: inline-block;}
       
        nav li a {
            text-decoration: none;
            color: #fff;
            font-weight: bold;}
    .img{
        text-align: center;
        width: auto;
    }
}