/*BODY*/

html, body {
	overflow-x:hidden;
}

body{
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1em;
    /* cursor: url(/assets/curs/def-curs.png), auto; */
    background-color: #f1f0ed;

}

/* ELEMENTS */

.content {
    width: 66%;
}

.projects{
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}

.nav-home{
margin-bottom:110px;
font-family: Helvetica, sans-serif;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
}

.nav-foot{
    position: fixed;
    bottom: 50px;
    right: 80px;
    font-size: 1.6em;
    transition: ease-in-out 0.5s;
}

.photo{
    display: inline-block;
    width: 42%;
    margin: 10px;
}

.photo img{
  border-radius: 4px;
}

.large{
    width: 100%;
}

.mid{
    width: 66.666%;
    margin: 0 auto;
}

.footer {
    padding-top: 5em;
    font-size: 1.5em;
    font-family: 'Times New Roman', Times, serif;
    position: absolute;
    left: 10%;
    padding-bottom: 50px;
}

.footer img{
    width: 30px;
}


/*V1 HAS ONLY THE BELOW*/

    /* back arrow on project page
.project-back{
    position: fixed;
    bottom: -130px;
    right: 80px;
    font-size: 1em;
    transition: ease-in-out 0.5s;
    width: 150px;
    z-index: 10;
} */

/*V1 HAS ONLY THE ABOVE*/

/* base styling */
.project-back {
    position: fixed;
    bottom: -150px; /* start off screen below */
    right: 80px;
    font-size: 1em;
    width: 300px;
    z-index: 10;
    cursor: pointer;
    transition: bottom 0.5s ease, transform 0.5s ease;
    will-change: transform, bottom;
    font-size: 2em;
    text-align: right;
  }
  .project-back a {
    display: inline-block;
  }
  .project-back img {
    width: 150px;
    height: 150px;
    display: block;
  }

/* TEXT FORMATTING */

p{
    font-size: 1.7em;
    line-height: 165%;
    padding-bottom: 0.5em;
}

a{
    cursor: url(/assets/curs/curs-finger2.png), auto;
}

.container {
    width: 90%;
    max-width: 1280px;
    margin: 50px auto 150px auto;
}

h1{
    font-size: 36px;
}

h2{
    padding-top: 30px;
}


.project-title {
    display: block;
    width: 100%;
    font-size: 6em;
    letter-spacing: -1.8px;
     padding-bottom: 0.3em;
    line-height: 0.9em;
    
}

.project-ingressi {
    display: block;
    width: 100%;
    font-size: 3em;
    letter-spacing: -1.8px;
    padding-bottom: 0.9em;
    line-height: 0.9em;
    text-align: center;
    font-style: italic;
}

.photo p {
    font-size: 0.6em;
    font-family: helvetica;
    font-weight: 400;
    color: #584b25;
    padding-left: 3em;
    margin-top: 3px;
}

.text{
    font-size: 1.5em;
}


.contact{
    font-size: 1.3em;
}

.contact p{
    line-height: 1.5em;
}


/* LINKS */

a{
 color:darkblue;
 text-decoration: none;
 font-weight: 700;
}



a:hover{
    filter: blur(5px);
}

img a:hover{
    filter: blur(5px);
}




a.btn-primary {
    display: block;
    margin-bottom: 12px;
    padding: 17px;
    border: 4px solid;
    font-size: 40px;
    text-decoration: underline;
    margin: 0 auto;
    text-align: center;
    width: 50%;
}

a:hover.btn-primary:hover {

    border: 10px solid;
    text-decoration: underline;
    color: aliceblue;
    background-color: darkblue;
}





/* IMAGES */

.profile-picture {
    position: fixed;
    top: 58px;
    right: 80px;
    filter: blur(8px);
    z-index: -1;
}

.profile-picture-index {
    position: fixed;
    top: 58px;
    right: 80px;
    z-index: -1;
}

.profile-picture-index img {
    filter: blur(8px);
}



img{
    width: 100%;
    height: auto;
}

.nav-home img{
    width: 66%;
    margin-bottom: 1em;
}

.project-home img{
    width: 80%;
    margin-bottom: 1em;
}

.nav-home-index img{
    width: 40%;
    margin-bottom: 1em;
}

/* .nav-home img:hover{
    filter: blur(10px);
} */










/* FUNCTIONALITY */

.squeeze {
    transition: width 0.5s, height 0.5s; /* Smooth transition */
}








@media (max-width: 860px) {


    
     h1{
        font-size: 1.5em;
      }
    
      .content {
        width: 100%;
    }

    p{
        font-size: 1.2em;
        line-height: 165%;
        padding-bottom: 0.5em;
    }

    .profile-picture{
        display: none;
    }

    .profile-picture-index{
        display: none;
    }

    .projects-index{
        text-align: center;
    }

    .project-title {
        font-size: 4em;
        letter-spacing: -1.8px;
        padding-bottom: 0.5em;
        line-height: 0.9em;
    }

    .nav-foot{
        position: inherit;

        font-size: 1.6em;
        margin-bottom: 30px;
       
    }

    .text{
        font-size: 1.5em;
        width: 100%;
    }

    .mid{
        width: 90%;
        margin: 0 auto;
    }


    }