body{
    font-family: monospace;
    /* background-color: #d5d7db; */
    background: linear-gradient(#eaedf1, #abacb3) fixed;
    color: #2e2e30;
    font-size: larger;
}

#main{
    width:60%;
    margin:auto;
}

h1::before{
    content: "# ";
    color: #64b1cf;
    cursor: pointer;
}

h2::before{
    content: "## ";
    color: #64b1cf;
    cursor: pointer;
}

h3::before{
    content: "### ";
    color: #64b1cf;
    cursor: pointer;
}

h4::before{
    content: "#### ";
    color: #64b1cf;
    cursor: pointer;
}

h5::before{
    content: "##### ";
    color: #64b1cf;
    cursor: pointer;
}

h6::before{
    content: "###### ";
    color: #64b1cf;
    cursor: pointer;
}


a:hover::before{
    content: "[";
}
a:hover::after{
    content: "]("attr(href)")";
}

section{
    display: flex;
}

section div{
    flex: 1;
}
video{
    display: block;
    margin:auto;
}