/* COLOR */

    /* Light theme styles go here */
@media (prefers-color-scheme: light) {
    body {
        background-color: #DCDCDC;
        color: black;
    }
    a, a:link, a:visited, a:focus, a:hover, a:active{
        color:black;
    }
}
    /* Dark theme styles go here */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #1E1E1E;
        color: white;
    }
    a, a:link, a:visited, a:focus, a:hover, a:active{
        color: white;
    }
}


/* LAYOUT */

body {
    margin: 0;
    font-family: 'Times New Roman', Times, serif;
    font-size: 1rem;
}

a, a:link, a:visited, a:focus, a:hover, a:active{
  text-decoration: none;
  margin: 0;
}

p {
    margin: 0;
}


.container {
    display: flex;
    flex-wrap:wrap;
    padding:1rem;
}

/* columns */
.container > * {
    width:100%;
    margin-bottom: 1rem;

}

.block > * {
    margin-bottom: 1rem;
}

/* social section */
.social {
    display: flex;
}

.social a {
    text-decoration: underline;
    padding-right: 0.3rem; /* Adjust the spacing between social links */
}

.translate  {
    text-decoration: none;
}

/* breakpoint */
@media (min-width: 760px) {
    .social, .info {
        width:50%;
        float: right;
    }

    .title, .mail {
        width:50%;
        float: left;
    }
}