@import "fonts.css";
@import "postStyle.css";
@import "aligns.css";
@import "servicesAnimations.css";
@import "colors.css";
@import "about_style.css";
:root {
    --header-background: #0c192c;
    --background-index: #0c192c;
    --background-others: var(--font-color-light);
    --font-color-light: #b5c1d3;
    --font-color-dark: var(#0c192c);
    --border-post-card: #0c192c60;
    --font-color-content: #638fd1;
    --gray-post-status: #666;
    --background-color-projects-portf: #6668;
    --background-color-projects-modal: #0c192c50;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--background-others);
}

footer {
    width: 100%;
    color: var(--font-color-dark);
}

.container {
    flex: 1;
}

.blog-h1-color {
    color: var(--font-color-dark);
}

.blog-h3-color {
    color: var(--font-color-content);
}

.portf-h3-color {
    color: var(--font-color-content);
}


.css-portf-projects {
    background: var(--background-color-projects-portf);
    border-radius: 3px;
    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    display: flex;
    flex-direction: column;
    min-height: 40vh;
}

.css-portf-projects-a {
    flex: 1;
}

.css-portf-projects-a a {
    color: var(--font-color-dark);
    text-decoration: none;
}

.menu-lateral-right{
    position: fixed;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background-color: var(--font-color-content);
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.menu-lateral-left{
    position: fixed;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-color: var(--font-color-content);
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.menu-lateral-right a{
    text-decoration: none;
}

.menu-lateral-left a{
    text-decoration: none;
}