@import './colors.css';
@font-face {
    font-family: Comfortaa;
    src: url("Comfortaa-VariableFont_wght.ttf") format("truetype");
}
@font-face {
    font-family: "Comfortaa Bold";
    src: url("Comfortaa-Bold.ttf") format("truetype");
}

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

#index_layout{
    font-family: Comfortaa, sans-serif;
}

#div_header_top{
    height: 40px;
    background: var(--header-top-background);
}

#div_header_top_content{
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    height: 100%;
}

#div_header_top a{
    color: white !important;
    text-decoration: none !important;
}

#div_header_top a:visited{
    color: white !important;
    text-decoration: none !important;
}

#div_header_main{
    height: 100px;
    background: var(--header-background);
}

#div_header_main_content{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}

#header_logo_link{
    width: fit-content;
    height: 60%;
}

#header_logo{
    height: 100%;
}

.div_contenido{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
}