*{
    margin: 0;
    padding: 0;
}

:root{
    --main: #340068ff;
    --background: #ecebe4ff;
    --secondary: #003459;
    --important: #429ea6ff;
    --dark: #153b50ff;
}

@font-face {
    font-family: Lequire;
    src: url("/fonts/Lequire.otf");
}

a{
    text-decoration: none;
}

body{
    background-color: var(--background);
}

.home{
    display: flex;


    display: flex;
    align-items: center;
    width: 100vw;
    height: 100vh;
    justify-content: center;
}   

.grid-home{
    font-family: Lequire;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 4fr 1fr;
    min-width: 150px;
    column-gap: 20px;
}

.grid-home-name{
    grid-row: 1/5;
    grid-column: 1/2;
    display: flex;
    align-items: center;

    color: var(--main);
}

.align-center{
    display: flex;
    align-items: center;
}

.grid-home-name > div{
    height: fit-content;
}
.grid-home-name-lower{
    font-size: 2em;
}
.grid-home-name-upper{
    font-size: 4em;
    margin-top: 50px;
}

.grid-home-list-resume{
    grid-row: 1/2;
    grid-column: 2/3;
    color: var(--secondary);
}
.grid-home-list-contact{
    color: var(--secondary);
}
.grid-home-list-api{
    color: var(--secondary);
}
.grid-home-list-project{
    color: var(--secondary);
}
.animation-link-home{
    transition: all 0.7s ease-in-out;
    padding-right: 20px;
}

.animation-link-home:hover{
    padding-left: 20px;
    padding-right: 0px;
    transition: all 0.7s ease-in-out;
}