main .post-icon{
	width: 130px;
}

main pre{
	max-width: 100%;
    overflow: scroll;
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #BFBFBF;
    padding: 1em;
    box-sizing: border-box;
    align-self: flex-start;
    width: 100%;
}

main code{
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #BFBFBF;
    padding: 0.2em;
}

main .notification{
    margin: 1em 0 2em;
    padding: 1em;
    border: 1px solid #ffe107;
    border-radius: 3px;
    text-align: center;
    background: #fff5ad;
}

main .align-center{
    text-align: center;
}

main ol li{
    list-style-type: decimal;
    margin-bottom: 0.5em;
}

main .sublist{
    list-style-type: lower-alpha;
}

main img{
    border-radius: 3px;
}

main img.restrain{
    max-width: 350px;
}

main img.restrain-height{
    height: 50vh;
    width: auto;
}

main img.no-margin{
    margin: 0;
}

main em.caption{
    margin: 0 2em 2em;
}

main h2{
    margin: 1em;
    font-weight: 600;
}

main video{
    width: 100%;
    margin-bottom: 1em;
}

main ul, main ol{
    width: 100%;
    margin-bottom: 2em;
}

@media all and (max-width: 768px){
    
    main .notification{
        margin-top: 0;
    }

}

@media (prefers-color-scheme: dark) {
	  
    main pre{
        background: black;
        border-radius: 3px;
    }
  
  }