body{
    margin:0;
    background: #fff;
    color: #000;
    min-height: 100vh;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto auto 1fr auto;
}

@media (prefers-color-scheme: dark) {
    body {
        background: black;
        color: white;
    }
    header{
        background-color: #3d3e3f;
    }
    footer{
        background-color: rgb(57, 58, 58);
    }
}

header{
    background-color: #bcbec0;
    grid-column: 1/13;
    font-size: xx-large;
    padding-left: 20px;
}

nav{
    background-color: #e78282;
    grid-column: 1/13;
}
main{
    /*background-color: aqua;*/
    grid-column: 1/13;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

aside{
    grid-column: 1/13;
    background-color: #b9f1b9bb;
    text-align: center;
}

aside li{
    display: inline-block;
}
aside img{
    margin: 0px;
    padding: 0px;
    width: 150px;
    height: auto;
}

footer{
    background-color: #bcbec0;
    grid-column: 1/13;
    text-align: center;
}

ul{
    list-style: none;
}



a.tw-follow-btn {
    width: 25vw;
    height: 50px;
    color: #fff;
    font-family: "Helvetica Neue", Arial, sans-serif;
    background-color: #1b95e0;
    letter-spacing: normal;
}
a.tw-follow-btn:hover {
    background-color: #3c0cbf;
}