/*header/nav*/

header {
        display: flex; 
        align-items: center; 
        justify-content: flex-end;
        width: 100%;
        height: 70px;
        position: fixed;
        top: 0;
        background-color: aliceblue ;
    }

header nav ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    list-style: none;
    width: 500px;
    padding-left: 0%;
    height: 100%;
    }

    header nav ul li {
                        width: 100%;
                    }




    header nav ul li a  {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-decoration: none;
                        font-size: 1.3rem;
                        
                        }

header nav ul li a:visited {
                            color: cornflowerblue;
                           }

header nav ul li a:hover {
    background-color: lightgoldenrodyellow;
}

.page-title {
    margin-top: 100px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}


/*body text*/

body {background-color: #BDE0FE;
     margin: 0;
     }

     
.contact {width: 60%;
        margin: auto;
        margin-top: 100px;
}

.about {
        width: 60%;
        margin: auto ;
        margin-top: 100px;
}

.portfolio {
            width: 60%;
            margin: auto;
            margin-top: 100px;
}

.home {
        width: 60%;
        margin: auto;
        margin-top: 100px;
}
/*Image*/
img {max-width: 500px;}


/*h1*/
h1  {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    align-content: center;
    font-weight: bold;
    font-size: 75px;
    color: cornflowerblue;
    }


/*h2*/
h2  {
    font-size: 30px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:cornflowerblue;
    }


/*paragraph*/

p   {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      align-content: center;
    }

p a:hover {color: aliceblue;}

p a:visited {color: aliceblue;}

p a:link {color: cornflowerblue;}

p   {color: cornflowerblue;}


/*table*/

table {
        border-collapse: collapse;width: 100%; 
        
}

tr, td {border: 5px solid;
        padding: 8px;
        border-color:cornflowerblue;
        color: cornflowerblue;
        background-color: aliceblue;
}
/*portfolio*/

.portfolio a:link {color: cornflowerblue;}

.portfolio a:visited {color: aliceblue;}

.portfolio a:hover {color: aliceblue;}

/*contact*/

.contact a:link {color: cornflowerblue;}

.contact a:visited {color: aliceblue;}

.contact a:hover {color:aliceblue}