* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: rgb(61, 146, 201);
}

#layout {
    padding: 0px 0px 10px 0px;
}

.sidebar {
    background: #ffdab9;
    color: #000000;
}

.home-menu {
    text-align: left;
}

.home-menu .pure-menu-heading {
    text-transform: none;
    text-decoration: none;
    color: #000000;
    font-family: "serif";
    font-size: 28px;
    padding: 12px 20px;
    letter-spacing: 0px;
    line-height: 34px;
}

.home-menu ul {
    float: right;
    margin-top: 0.5em;
}

.home-menu a {
    background: transparent;
    text-transform: uppercase;
    font-size: 85%;
    color: #00bfff;
}

.home-menu li a:hover,
.home-menu li a:focus {
    background: none;
    border: none;
    color: #006fff;
}

.content {
    margin-left: auto;
    margin-right: auto;
    padding: 0 2em 0;
}

.box {
    display: flex;
    justify-content: center;
}

.logo {
    width: 128px;
    height: auto;
    margin: 15px;
}

#isle {
    display: inline-block;
    margin: 15px;
}