@import url('https://fonts.googleapis.com/css2?family=Inika:wght@400;700&display=swap');

* {
    font-family: "Inika", serif;
    font-weight: 400;
    font-style: normal;

    color:aliceblue;
}

.page {
    width: 100vw;
    background-color: #02172E;
    
}


.content {
    font-size: 2.5vh;
    padding: 10%;

        

    
}

.portFolio-Obj {
    background-color: aliceblue;
    margin-left: 1vw;
    margin-right: 1vw;
    margin-top: 1vh;
    margin-bottom: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    border-radius: 30px;
    z-index: 100;
}

.black_div {
    height: 1%;
    background-color: #02172E;
}

.project_description {
    color: #02172E;
    margin: 5%;
    text-align: justify;
}

.projects_footer{
    text-align: center;
}


#grid {
    display: grid;
    grid-template-columns: 40vw 40vw;

}



#subtitle {
    margin: 0;
    padding-left: 60%;
    font-size: 2vw;
}




header {
    background-image: url("../images/header.png");
    background-repeat: no-repeat;
    background-attachment: fixed;  
    background-size: cover;

    height: 100vh;
    width: 100vw;
    
    font-size: 4vw;
}

h1 {
    margin: 0;

    padding-top: 20%;
    padding-left: 10%;

}

h2 {
    margin: 0;
    font-size: 4vh;
    padding: 5%;
}

h3 {
    color: #02172E;
    text-align: center;
}



footer {
    height: 10vh;
    background-color: #02172E;
    z-index: 100;
}

#logos {
    display: flex;
    justify-content: center;
}

img {
    height: 7vh;
    padding: 1vh;
}

#division {
    background-color: aliceblue;
    height: 5px;
}
#center {
    text-align: center;
}

a, img {
    z-index: 100;
}

.pfp_contacto {
    background-color: aliceblue;
    height: 10vw;
    width: 10vw;
    border-radius: 50%;
}

.pfp {
    height: 9vw;
    width: 9vw;
}