body{
    margin:0px;
}

h2{
    text-align: center;
    font-size:39px;
    
    padding: 38px;
}

h3{
    text-align: left;
    font-size:29px;
}

div{
    margin:auto;
}
/* Navigation Bar -------------------------------*/
nav{
    background-color: black;
    color: white;
    height: fit-content;
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}


h1{
    
    padding:10px;
    margin-left: 25px;
    font-size: 37px;
    width:306px;
    text-align: center;
    
}


.nav-list{
    list-style-type: none;
    float:right;
    margin-right: 47px;
    font-size: 27px;

}

.nav-list li{
    display: inline-block;
    height:50px;
    padding:10px;
    
}


/* Home Section ----------------------------------------*/
#home-h2{
    margin-top: 108px;
    font-size: 73px;
    margin-left: 43px;
    border:2px solid white;
    padding:10px;
}
.home{
    color:white;
    background-color:black;
    height:fit-content;
    width:100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    padding: 60px;
}


/*.home div{
    display:inline-block;
    width: 726px;
    height:800px;
}*/


.home-left p{
    font-family: 'Courier New', Courier, monospace;
    margin-left: 78px;
    font-size:20px;
    color:grey;
}


 .home-left img{
     height:50px;
     width:50px;
 }

 .icon-img{
    margin-left: 78px;
    height: 62px;
    display:flex;
    flex-wrap: wrap;
 }
 .icon-img a{
     height: fit-content;
 }


.home-right img{
    margin-left: 108px;
    height: 500px;
    width: 447px;
    margin-top: 57px;
    border-radius:50px;

}

/* About Me Section ---------------------------------------*/
.about-me{
    height: fit-content;
    padding:10px;
    background-color:white;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    
}

.about-me h2{
    line-height:0px;
    width:100%;
}

.about-me h3{
    display: inline-block;
    width:100%;
}


.about-me div{
    height: 500px;
    width: 500px;
    background-color: white;
}

.about-me-bio p{
    padding: 9px;
    line-height: 22px;
    font-size: 20px;
}


.about-me-skills ul{
    height: 25%;
    width:25%;
    font-size: 20px;
}

.about-me-skills img{
    height: 138px;
    width: 284px;

}

/* Projects Section ------------------------------------------*/


.projects{
    background-color: black;
    height: fit-content;
    padding:15px;
    display: flex;
    flex-wrap: wrap;
    
}



.project-img{
    display: flex;
    height: fit-content;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content:space-around;
    width:100%;
    

}

.project-img img:hover{
    -webkit-filter:blur(5px);
}






.projects h2{
    color:white;
    padding-top: 30px;
}

.underDevelopment{
    height: fit-content;
    width: fit-content;
    color:white;
    
    
}

.underDevelopment p{
    text-align: center;
}

/* Contact Section----------------------------------*/

footer{ 
    height: 300px;
    background-color: white;
}

footer ul{
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    
}

footer ul li{
    font-size: 18px;
    padding:20px;

    
}

span{
    color:cadetblue;
}

/* Link Hovers -----------------------------*/

a {
    text-decoration: none !important;
    color:grey !important;

}


#projects{
    width:100%;
}

.badge{
    margin-top: 20px !important;
}