/* Copyright © 2025 Emmanuel Koutsouklakis. 
            All rights reserved. */

:root {
    font-size: 1.2vw;
    background-color: rgb(28, 28, 28);
    font-family: monospace;
    color: rgb(238, 238, 238);

    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

::-webkit-scrollbar {
    display: none;
}

.navbar {
    background-color: rgb(39, 39, 39);
    overflow: hidden;
    border-radius: 1rem;
}

.navbar a {
    float: left;
    font-size: 1.4rem;
    text-align: center;
    padding: 1.4rem;
    text-decoration: none;
    color: white;
}

.navbar a:hover {
    background-color: rgb(161, 170, 170);
    color: black;
}

.navbar a.active {
    background-color: whitesmoke;
    color: black;
}

.navbar a.sub {
    font-size: 1rem;
    padding: 1rem;
    margin-top: 0.6rem;
}

.navbar span {
    font-size: 1.2rem;
    float: left;
    text-align: center;
    vertical-align: middle;
    margin-top: 1rem;
    padding: 0.5rem;
    color: white;
}

.page {
    justify-content: center;
}

.body_elem {
    justify-self: center;
    background-color: rgb(43, 43, 43);
    border-radius: 1rem;
    padding: 1rem;
    margin: 1rem;
    width: 75%;
}

.sub_body_elem {
    background-color: rgb(37, 37, 37);
    border-radius: 1rem;
    padding: 0.5rem;
    margin: 0.5rem;
}

p {
    padding: 0.5rem;
    margin: 0.5rem;
}

h1 {
    padding: 0.5rem;
    margin: 0.5rem;
}

h2 {
    padding: 0.5rem;
    margin: 0.5rem;
}

h3 {
    padding: 0.5rem;
    margin: 0.5rem;
}


.page .header {
    display: flex;
    border-radius: 3rem;
    padding: 1rem;
    margin: 1rem;
    margin-left: auto;
    margin-right: auto;
    flex: auto;
    gap: 2rem;
    max-width: fit-content;
    align-items: center;
}

.page .header p {
    max-width: 35vw;
}

img {
    border-radius: 2rem;
    max-width: 20rem;
    max-height: auto;
}

a { 
    color: white;
}