/* Index.html Styles */
*{
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
    text-align: center;
}

nav{
    margin:auto;
    border: solid red;
    z-index: 111;
}

ul{
    margin: auto;
    padding: 10px;
}

li{
    width:20%;
    display: inline-block;
}

a:hover{
    color:red
}

#image{
    padding:10px;
    border-radius: 10px;
}
footer{
    position: absolute;
    bottom: 0;
    width: 100%; 
}


/* Contact Page */


textarea,input,button:hover{
    border-radius: 5px;
}

input ,textarea, button{
    margin-bottom: 20px;   
    border-radius: 0px;
}
.contact{
   width: 10%;
   margin:auto;
}

/* Projects page */

#navBarProjects{
    width: 100%;
    border: solid red;
    z-index: 111;
    position: fixed;
}

.flex-container {
    flex-direction:row;
    display: -webkit-flex;
    display: inline-flex;
    width: 90%;
    align-content: center;
    flex-flow: row wrap;
    margin-top: 100px;
    justify-content: center;
}


.flex-item {
    width: 23%;
    height: 360px;
    margin: 10px;
    order: 1;
    border-radius: 3px;
    padding: 0 40px 40px 10px;
}

.img-button{
    text-align:center;    
}