/* --- Main css --- */
h1 {
    text-align: center;
    color: black;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    height: 25%;
}

h2 {
    font-family: 'Arial';
}

mark {
    background-color: black;
    color: white;
}
/* --- Text is globally referenced --- */
.text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

td {
    background-color: white;
}

.tabletxt {
    font-size: larger;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
}

.tablestart {
    font-size: larger;
    font-family: 'Times New Roman', Times, serif;
    text-align: middle;
}

/* --- Banner css --- */
.banner{
    display: flex;
    height: 59px;
    width: 100%;
    top: 0;
    position: sticky;
    background-color: #0A030B;
    align-items: center;
}

.banner a{
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 19px 16px;
    text-decoration: none;
    font-family: sans-serif;
    font-size: large;
}

.banner a:hover {
    background: rgb(171, 80, 217);
}

/* --- Meet the Team css --- */
.team {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    font-size: x-large;
}

.team td {
    width: 20%;
    height: 20%;
}

.team img {
    width: 100%;
    height: 350px;
    object-fit: contain;
}

/* --- Design Phases css --- */
.phases {
    position: relative;
    width: 100%;
    inset: 0px;
    margin: auto;
    text-align: justify;
    font-size: x-large;
}

/* --- Genetic Algorithm css --- */
.genetic_pictures {
    max-width: 15%;
    height: auto;
    aspect-ratio: 1;
}

.equation {
    max-width: 25%;
    height:  auto;
}

#console {
    max-width: 100%;
    width: 800px;
    height: 200px;
    border: 1px solid black;
    overflow-y: scroll;
    font-family: sans-serif;
    aspect-ratio: 4;
}

.warning {
    color: crimson;
}