body {
    font-family: Arial, Helvetica, sans-serif;
}
.startingpage_layout {
    border-spacing: 0;
}
.startingpage_layout td {
    height: 100vh;
    padding: 10px;
}
.startingpage_menu {
    width: 100%;
    background-color: #f1f1e6;
    display: flex;
    height: 90px;
    justify-content: center;
}
.startingpage_menu a {
    display: flex;
    float: left;
    margin: 10px;
    margin-left: 5px;
    margin-right: 5px;
    height: 70px;
    width: 70px;
    scale: 1.0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    filter: brightness(100%);
    background-color: #005ba1;
    font-size: 13px;
    font-weight: bold;
    color: #f1f1e6;
    text-align-last: center;
    text-decoration: none;
    transition: filter 0.5s, scale 0.5s;
}
.startingpage_menu a:first-of-type {
    margin-left: 0;
}
.startingpage_menu a:last-of-type {
    margin-right: 0;
}
.startingpage_menu a p {
    margin-bottom: 0;
}
.startingpage_menu a:hover {
    scale: 1.01;
    filter: brightness(110%);
    transition: filter 0.5s, scale 0.5s;
}
.startingpage_menu p {
    margin: 10px 0 10px 0;
}
.startingpage_menu a img {
    height: 40%;
    width: 80%
}
.startingpage_layout {
    text-align: center;
}
#section_intro {
    background-image: url(../pictures/starting_page/background/intro.jpg);
    background-size: cover;
    background-position: center;
    background-color: darkgreen;
    color: #f1f1e6;
}
#section_intro h1, #section_intro h2 {
    margin: 0 auto 0 auto;
    width: fit-content;
    padding: 10px;
}
#section_intro h1 {
    rotate: -1deg;
    font-size: clamp(3rem, 6vw, 8rem);
    color: #f1f1e6;
    background-color: #005ba1;
}
#section_intro h2 {
    margin-top: -6px;
    rotate: 1deg;
    font-size: clamp(2.5rem, 4vw, 6rem);
    color: #f1f1e6;
    background-color: #00a9bd;
}
#about_me {
    background-image: url(../pictures/starting_page/background/about_me.jpg);
    background-size: cover;
    background-position: center;
    background-color: darkblue;
}
#about_me h1, .about_me_content {
    margin: 0 auto 0 auto;
    width: fit-content;
    padding: 10px;
}
#about_me h1 {
    rotate: 1deg;
    font-size: clamp(3rem, 6vw, 8rem);
    color: #f1f1e6;
    background-color: #005ba1;
}
.about_me_content {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -6px;
    padding: 10px;
    font-size: clamp(1rem, 1vw, 2rem);
    color: #005ba1;
    background-color: #f1f1e6;
}
.startingpage_footer {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    justify-content: center;
    background-color: #f1f1e6;
}
.startingpage_footer h1 {
    margin: 0 auto 0 auto;
    width: 250px;
    text-align: center;
    color: #f1f1e6;
    background-color: #00a9bd;
}
#startingpage_footer_links {
    rotate: -1deg;
}
#startingpage_footer_socials {
    rotate: 1deg;
}
.startingpage_footer a {
    color: #f1f1e6;
    text-decoration: underline;
    transition: color 0.5s;
}
.startingpage_footer a:hover {
    color: #aeddff;
    transition: color 0.5s;
}
.startingpage_footer_box {
    padding: 10px;
    text-align: center;
}
.startingpage_footer_content {
    margin-top: -3px;
    width: 300px;
    padding: 10px;
    text-align: center;
    background-color: #005ba1;
}