/*RESET CSS*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/*header*/
    header{
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: white;
        width: 100%;
        height: 79px;
        z-index: 1;										/*passar-ho a la capa de davant del tot*/
    }

    header .logo{
        float: left;
        margin-top: 25px;
        margin-left: 25px;
    }

    header .lupa{
        float: right;
        margin-top: 30px;
        margin-right: 25px;
    }
/*header*/

main{
    text-align: center;
}

/*main_pagina_carrega*/
main img.imago{
    margin-top: 300px;
    text-align: center;
}
/*main_pagina_carrega*/


/*main_login*/
main .container_login{
    margin-left: 110px;
}

main img.imago_login{
    margin-top: 120px;
}

main .container_login .usuari{
    box-sizing: border-box;
    border: 1px solid black;
    width: 150px;
    height: 30px;
    padding: 5px;
    margin-bottom: 15px;
    margin-top: 60px;
}

main .container_login .password{
    box-sizing: border-box;
    border: 1px solid black;
    width: 150px;
    height: 30px;
    padding: 5px;
}

main .container_login p{
    font-family: 'Inter', sans-serif;
}

main .container_login .inici_sessio{
    margin-top: 50px;
    margin-right: 100px;
}

main .container_login .inici_sessio a{
    color: black;
    font-family: 'Inter', sans-serif;
}
/*main_login*/


/*main_index*/
main{
    position: relative;
    height: calc(100% - 79px);	/*alçada menys els pixels que ocupa el header per evitar que la web fagi scroll*/
    width: 100%;
    top: 60px;
}

main .container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
}

main .container a{
    color: white;
    text-decoration: none;
    width: 45%;
    height: 147px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    background-color: lightgrey;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    filter: grayscale(100%);
}

main .container a:nth-child(2n+1){
    justify-content: flex-end;
    padding-right: 10px;
    padding-bottom: 10px;
}

main .container a:nth-child(2n+1){
    justify-content: flex-start;
    padding-left: 10px;
    padding-bottom: 10px;
}

main .container a div:hover{
    text-decoration: underline;
}

main .container a:hover{
    filter: grayscale(0%);
}
/*main_index*/


/*main_usuaris*/
main .usuaris div{
    background-size: cover;
    background-position: center;
    width: 100%;
}

main .usuaris .intro h1{
    font-family: 'Inter', sans-serif;
    color: black;
    font-size: 24px;
    margin-top: 30px;
    margin-left: 25px;
    margin-bottom: 20px;
}

main .usuaris .intro div{
    filter: grayscale(100%);
    background-size: cover;
    background-position: center;
    height: 230px;
    width: 100%;
}

main .usuaris .intro p{
    font-family: 'Inter', sans-serif;
    color: black;
    font-size: 12px;
    margin-left: 31px;
    margin-right: 31px;
    margin-top: 30px;
    margin-bottom: 30px;
}

main .usuaris .projecte1 div{
    background-size: cover;
    background-position: center;
    height: 230px;
    width: 100%;
}

main .usuaris .projecte1 h2{
    font-family: 'Inter', sans-serif;
    color: black;
    font-size: 14px;
    font-weight: bold;
    margin-left: 31px;
    margin-right: 31px;
    margin-top: 18px;
}

main .usuaris .projecte1 p{
    font-family: 'Inter', sans-serif;
    color: black;
    font-size: 12px;
    margin-left: 31px;
    margin-right: 31px;
    margin-top: 3px;
    margin-bottom: 40px;
}

main .usuaris .projecte2 div{
    background-size: cover;
    background-position: center;
    height: 230px;
    width: 100%;
}

main .usuaris .projecte2 h2{
    font-family: 'Inter', sans-serif;
    color: black;
    font-size: 14px;
    font-weight: bold;
    margin-left: 31px;
    margin-right: 31px;
    margin-top: 18px;
}

main .usuaris .projecte2 p{
    font-family: 'Inter', sans-serif;
    color: black;
    font-size: 12px;
    margin-left: 31px;
    margin-right: 31px;
    margin-top: 3px;
    margin-bottom: 40px;
}

main .usuaris .projecte3 div{
    background-size: cover;
    background-position: center;
    height: 230px;
    width: 100%;
}

main .usuaris .projecte3 h2{
    font-family: 'Inter', sans-serif;
    color: black;
    font-size: 14px;
    font-weight: bold;
    margin-left: 31px;
    margin-right: 31px;
    margin-top: 18px;
}

main .usuaris .projecte3 p{
    font-family: 'Inter', sans-serif;
    color: black;
    font-size: 12px;
    margin-left: 31px;
    margin-right: 31px;
    margin-top: 3px;
    padding-bottom: 50px;
}
/*main_usuaris*/