/*==================================================
    TEMA.JS
    Mikster Kast Gallery v2.0.1
    
    made by Miguel Castro
==================================================*/

:root{

    --background:#4c8bba;
    --container:#033854;
    --text:#011c3b;
}

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

.item{
    background: var(--container);
    border: 2px solid var(--text);
}

.sidebar{
    background: var(--container);
    border: 2px solid var(--text);
}

h1,h2,h3,p,a{
    color: var(--text);
}

select{
    background: var(--container);
    color: var(--text);
    border: 2px solid var(--text);
}

.navbar{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 15px;
    margin: 15px 0;
    background: var(--container);
    border: 3px solid var(--text);
}

.navbar a{
    text-decoration: none;
    color: var(--text);
    font-weight: bold;
    padding: 8px 16px;
    border: 2px solid var(--text);
    background: var(--container);
    transition: .2s;
}

.navbar a:hover{
    transform: translateY(-2px);
}