*{
            padding: 0px;
            margin: 0px;
        }
        body{
            width: 100%;
            height: 125vh;
            background-color: rgb(0, 0, 0);
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        }
        header{
            height: 78px;
        }
        h1{
            display: inline-block;
            line-height: 78px;
            margin: 0px 0px 0px 30px;
            color: white;

        }
        ul{
            /* display: inline-block; */
            float: right;
            line-height: 78px;
            margin-right: 40px;
        }
        ul a{
            padding: 10px;
            text-decoration: none;
            color: white;
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            text-transform: uppercase;
            border-radius: 5px;
            font-weight: bold;
            
        }
        ul a:hover{
            background-color: white;
            color: black;

        }
        .port1{
            width: 350px;
            height: auto;
            display: inline-block;
            margin-left: 80px;
            margin-top: 80px;
            padding: 20px 20px 20px 40px;
            /* border: 1px solid white; */
        }
        .port1 #hname{
            color: white;
            text-transform: uppercase;
            font-weight: bold;
            font-family:Arial, Helvetica, sans-serif ;
            font-size: 17px;
            margin-bottom: 25px;
        }
        .port1 #title{
            color: white;
            font-size: 55px;
            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 45px;
        }
        .port1 .content{
            color: rgb(184, 177, 177);
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            letter-spacing: 1px;
            line-height: 20px;
            text-align: left;
            margin-bottom: 40px;
            text-transform: capitalize;

        }
        .port1 .view{
            color: white;
            text-decoration: none;
            border: 2px solid white;
            padding: 10px;
            border-radius: 5px;
           
        }
        .profile{
            margin-top: 100px;
            width: 450px;
            float: right;
            height: 450px;
            margin-right: 200px;
            background-image: url(/portfolio/image/me.jpg);
            border-radius: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            box-shadow: 0px 0px 300px white;
        }