body {
    background-image: url('./content/img/tileable-patpat.png');
    background-size: 25%;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
}

header {
    background-color: #282b30;
    text-align: center;
    padding: 10px 30px 10px 30px;
    border-radius: 15px;
}

#projectContainer {
    display: inline-block;
    background-color: #282b30;
    padding: 10px 30px 10px 30px;
    border-radius: 15px;
}

.projectName a {
    color: coral;
    font-size: 2em;
    text-decoration: none;
}

.sidebar {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    height: 100%;
    background-color: #282b30;
    padding: 10px 30px 10px 30px;
    border-radius: 15px;
}

.sidebar ul li {
    float: left;
    padding: 8px 16px;
    list-style-type: none;
}

.sidebar ul li a {
    color: coral;
    text-decoration: none;
}

.sidebar ul li a:hover {
    color: pink;
}