westyle.css

* , *::before , *::after {
    box-sizing : border-box ; 
}

body {
    margin: 0 ; 
}
.left-side {
    background-image: image(imageAssets/Poolshot.jpg) ;
    width: 100% ;
    margin: 0 auto ;
    padding: 2px 0 ;
    
    
}

.left-side h1 {
    font-family: 'Times New Roman';
    font-size: 30px;
    color: coral;
    letter-spacing: 1.5px;
    margin: 1px ;
    padding: 1px ;
   

}

.left-side h2 {
    color: gold;
    line-height: 20px ;
    font-size: 35px ;
    font-family: sans-serif ;

    
}

 .btn-hire .contact-btn {
     color:coral;
     background-color: white ;
     border: solid brown ;
     border-radius : 30px ;
     font-size: 20px ;
     
 }

 .btn-hire .contact-btn:hover {
     color: gold ;
     cursor : pointer ;
 }

 .right-side {
     background-color:goldenrod ;
     margin: 70px auto 0;
     display: flex ; 
     /* align-content: center ; */ 
     justify-content: center ;
     flex-wrap: wrap;
     width: 80%;
     max-width: 1300px;
     
 }

 .header-image {
     display: flex ;

     justify-content: center ;
 }
/* styling for image section yet to be completed */
 
.header-image img {
    width: 50vw ;
 }
 
 .menu {
     background-color: goldenrod ;
 }
 .menu nav {
position: relative;
padding: 20px;
transition: 0.5s;
border-radius: 50px;
 }

 .menu nav ul {
    list-style: none ;
    width: 100%;
    margin : 0 0px ; 
    padding: 0 ; 
    text-align: center ;
    border: solid brown ;
    display: flex;
    justify-content: space-between;
 }

 .menu nav ul li {
     list-style: none;
     text-decoration: none ;
     text-transform: uppercase;
     display: inline;
     font-family: 'Courier New';
     background-color: white ;
     font-size: 25px ;
     

 }

 .menu nav ul li a {
     text-decoration: none ;
     color: black ;
    /* justify-content: space-between; */
 }

 .menu nav ul li a:hover {
     color: goldenrod ;
 }

 .content-block {
     display: flex; 
     justify-content: space-between ;

 }

 .main {
     background-color: brown ;
 }

 .header-tag {
display : flex ;
justify-content: center ;
justify-items: auto ;


 }

 .header-tag h1 {

 }
 
 .main  h1 {
     display: flex ; 
     justify content : center ;
     ;
     
     margin-top : 75px; 
     margin  : 50px 50px ;
     padding : 50px 50px ; 
     font-size : 3.7em ;
     font-weight : 100 ;
     color : goldenrod ; 

     

     
 }



 .digital-links {

    margin: 10px ;
    padding: 10px 10px ; 
    line-height: 10px ; 
 }

 .digital-links button  {

    margin: auto ;
    padding : 10px, 10px ; 
    width: 1152px ; 
    height: 76px;
    display: block ;
    font-size: 24px ;
    list-style: none ;
    text-decoration: none ;

 }

 .digital-links button a {

    text-decoration: none ;
    color: black ;
 }
    .profile-picture {
        line-height: 10px ;
        display: inline-block ;
        margin : 50px ;
        padding: 10px 10px ;
        border : 4px solid rgba (200,200,200,0.4) ;
        border-radius: 20 % ; 
        transition : linear 0.25s ; 
        height : 88px ;
        width : 88px ; 
        display : flex ;
        align-items : center ;

    }

    .profile-picture img {
        border-radius : 100% ;
        display: flex;
        justify-content: center ;
        align-items : center ;
    }

    .contactform {
        max-width: 400px;
        margin: 1rem auto ;
        border: 2px solid rgb(194, 116, 26) ;
        padding: 1rem ;
        display: block ;
        justify-content: center;
        font-size: 1.5 rem ;
        
    }

    .contactform input {
        width: 100% ;
        
    }

 /*.profile-picture img {
     display: flex ;
     justify-content:center ;
     align-items: center ; 
     border: 10px 10px solid ; 
     color: brown ; 
     margin: auto ; */

 }