html {
    font-family: 'Open Sans', sans-serif;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url('https://coolvi.craftcoder.net/capitol-full.png');
    color: #ffffff;
    width: 100vw;
    height: 100vh;
}

body {
    margin: 0;
}

header h1 {
    margin: 0;
}

header h3 {
    margin: 0;
}

header {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0)),linear-gradient(45deg, orange, white);
    width: calc(100% - 16px);
    padding: 8px;
    display: flex;
}

header div.left {
    margin-right: auto;
}

header div.right {
    margin-left: auto;
    align-items: center;
    display: flex;
}

header nav {
    color: #000000;
    font-size: 25px;
    font-weight: 500;
    align-items: center;
    display: flex;
    margin-right: 10px;
}

main {
    padding: 20px;
}