.one{

    background-color:red;
    height:130px;
  }
  nav{
  
    margin-left:80%;
    padding:2px;
    
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
   
  
  }
  a:hover{
    cursor:pointer;
    color:white;
  }
  h1{
    padding:10px;
  }
  .two{
  
    padding:100px;
    background-color:pink;
    
  }
  .project-tile{
  
    background-color:pink;
  padding:10px;
  
  }
  .free{
    background-color:pink;
  border-color:black;
  border-width:2px;
  border-style:solid;
  
  
  }
  @media screen and (max-width:600px){
    h1{
  
  
  
      
  
     orientation:potrait;
     background-color:greenyellow;
    }
  }
  .contact{
    background-color:black;
    color:white;
  }
  #navbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #333; /* Dark background for visibility */
      padding: 10px 0;
      text-align: center;
  }
  
  #navbar a {
      color: white;
      text-decoration: none;
      padding: 10px 20px;
      display: inline-block;
  }
  h1{
    background-color:red;
  }