home.css

/*  Styling Navigation Bar */
nav{
  
    display:flex;
    justify-content: space-between;
    align-items: center;
  
}
 .navBar{
     text-align: right;
     flex:1;
     background-color:rgb(240, 165, 104);
  
 }
 .navBar ul li{
     list-style: none;
     display: inline-block;
     padding: 8px 12px;
 }
 .navBar ul li a{
     color:black;
     text-decoration: none;
     font-size: 25px;
     font-weight: 100;
     
 }
 /* Div class for the video */
 .entry{
    padding: 0;
    height: 500px;;
    width:500px;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items: center;
    
    
    
}
body{
    margin:0;
    padding: 0;
}
/* Style the video */
.entry video{

    position:absolute;
    left: 0;
    pointer-events:none;
    height:1200px;
    width: 1200px;
    margin-top: 87px;
    padding-top: 110px;
    margin-right: 100px;
    padding: 100px;
 
    

}
.welcome{

    padding:140px;
    margin: auto;
    position: relative;
    font-size: 40px;
    font-style: italic;
  
}
.welcome h1{
    text-align: center;
}
body{
    background-color:white;
}
/* Reduce the image size to fit the nav bar */
.logo{
    width:55px;
    margin-right: 850px;
}
.footer{
    height:80px;
    background-color:rgb(240, 165, 104) ;
    text-align: center;

}
/* Styling the icons */
.fa{
   padding:20px;
 
}