*{
  box-sizing: border-box;
  margin:0px;
  color:white;
  }
  .navbar{
  display: flex;
  align-items:center;
  justify-content:space-between;
  padding:20px;
  background-color:#936fae;
  text-align: center;
  }
  .logo{
    font-size: 32px;
    font-family:'Apple Chancery', sans-serif;
  }
  .menu{
    display:flex;
    gap:1em;
    font-size: 25px;
  }
  .menu li{
  padding:5px 14px;
  }
  body{
  background-color:#a081b8;
  }
  a {
    text-decoration: none; 
    }
   li {
    list-style: none; 
    }
  section{
    height:550px;
  }
  h2{
  text-align: center;
  color:white;
  font-size:30px;
  margin-top: 30px;
  margin-bottom:20px;
  }
  img{
  border-radius: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  height:18em;
  width: 18em;
  }
  p{
    font-size: 30px;
    color:white;
    font-family:'Courier New', Courier, monospace;
  }
  table,th,td{
   
    border-collapse: collapse;
    height:280px;
    width: 750px;
    margin-left:250px;
    text-align: center;
    margin-top:20%;
    
    }
  td a{
  padding:50px;  
  text-decoration: none;
  color:black;
  font-size: 28px;
  font-family:'Courier New', Courier, monospace;
    
  }
  td a:hover{
    transition: 0.3s ease;
  }
  td a#space:hover{
   color:white;
   background-image:url("space.jpg") ;
   background-size: cover;
   border-radius: 30px;
    
  }
  
  td a#nature:hover{
    color:white;
    background-image:url("nature.jpg") ;
    background-size: cover;
    border-radius: 30px;
    
  }
  td a#city:hover{
    color:white;
    background-image:url("city.jpg") ;
    background-size: cover;
    border-radius: 30px;
    
  }
  td a#sport:hover{
    color:white;
    background-image:url("sport.jpg") ;
    background-size: cover;
    border-radius: 30px;
  }
  td a#food:hover{
    color:white;
    background-image:url("food.jpg") ;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
  
    
  }
  td a#tech:hover{
    color:white;
    background-image:url("tech.jpg") ;
    background-size: cover;
    border-radius: 30px;
    
  }
  div#generator{
    margin-top: 5em;
  }
  
  button{
    font-size: 50px;
    margin-top:100px;
    margin-left: 40%;
    background-color: #e41001; 
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 30px;
    cursor:pointer;
  }
  button:hover{
  padding: 30px 64px;
   
  }
  footer{
  height:70px;
  background-color: #936fae;
  }
  p.companylogo{
  color: white;
  font-size: 20px;
  font-family:'Apple Chancery', sans-serif;
  }