body {
    font-family: "Stack Sans Text";
    margin-left: 16px;
    margin-right: 16px;
    background-color: #333333;
    max-width: 1080px;
    float: auto;
    color: #ffffff;
}

.nav {
    margin: 8px;
}

.nav button {
    height: 32px;
    width: 200px;
    font-family: "Stack Sans Text";
    border: none;
    background: linear-gradient(#fff, #eee 50%, #ddd 50%, #ccc);
}

.nav button:hover {
    box-shadow: 2px 2px 2px darkorange;
    background: linear-gradient(#ddd, #ccc 50%, #bbb 50%, #aaa);
}

.top {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: start;
    gap: 8px;
}

.side {
    display: flex;
    flex-direction: column;
}

.basicabout {
    background-color: #111111;
    border-radius: 8px;
    box-shadow: 4px 4px 4px darkorange;
    width: 716px;
    padding: 8px;
    margin: 8px;
    height: 632px;
}

.youtubelatest {
    background-color: #111111;
    border-radius: 8px;
    box-shadow: 4px 4px 4px darkorange;
    width: 300px;
    padding: 8px;
    margin: 8px;
    height: 300px;
}

.bloglatest {
    background-color: #111111;
    border-radius: 8px;
    box-shadow: 4px 4px 4px darkorange;
    padding: 8px;
    width: 300px;
    margin: 8px;
    height: 300px;
}

.repofeature {
    background-color: #111111;
    border-radius: 8px;
    box-shadow: 4px 4px 4px darkorange;
    display: inline-block;
    padding: 8px;
    margin: 8px;
    width: 716px;
    height: 300px;
}

.discord {
    float: right;
    margin-top: 8px;
    box-shadow: 4px 4px 4px darkorange;
    border-radius: 8px;
}

.mysetup {
    background-color: #111111;
    border-radius: 8px;
    box-shadow: 4px 4px 4px darkorange;
    padding: 8px;
    margin: 8px;
    height: 600px;
    width: 716px;
}