/*mobile version*/
@import "cookie.css";
@import "personalia.css";
@import "profile.css";
@import "contactform.css";


:root{
    --background-color-main: white;
}
@media (prefers-color-scheme: dark){
    :root{
        --background-color-main: red;
    }
}

body{
    margin: 0;
    padding: 0;
    height: 100svh;
    color: black;
}
figure{
    margin: 0;
}
.main {
    display: flex;
    flex-direction: column;
    font-family: Arial, serif;
    height: 100%;
    overflow-x: hidden;
}
.category-title {
    color: rgba(39, 71, 140, 0.96);
    margin: 10px 0;
    font-size: 20px;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.color-red{
    color: red;
}
.color-green{
    color: green;
}

@media only screen and (min-width: 860px) {
    .main {
        flex-direction: row;
    }
    .profile-content__category--hidden-mobile{
        display: flex;
        flex-direction: column;
    }
    .profile-content__category--hidden-mobile hr{
        width: 100%;
    }
    .profile-content__element--hidden-mobile {
        display: flex;
    }
    .profile__content--element__header{
        display: flex;
        justify-content: space-between;
    }
    .profile__content--element__period {
        font-size: 12px;
        color: #5c6166;
        display: flex;
    }
}