html{
    background-color: #21252B;
    color:#dcdfe4;
    margin: auto;
    
}
body{
    display: block;
    width: 80%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    align: center;
    margin-top: 40px;
    padding: 15px;
    /*margin: 40px auto; */
    border: 1px solid ; 
    /* background-color: #2e3440; */
    background-color: #282c34;
    /* font:16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
     font: 16px/1.5 Cantarell 
}

h1 {
    line-height: 1.2;
    color: #61afef;
    font-size-adjust: 0.6; 
}
h2 {
    line-height: 1.2;
    color: #56b6c2;
    font-size-adjust: 0.6; 
}
h3 {
    line-height: 1.2;
    color: #56b6c2;
    font-size-adjust: 0.6; 
}
h4 {
    font-size: 80%;
    line-height: 1.2;
    color: #56b6c2;
    font-size-adjust: 0.6; 
}

.header {
    border: 0.5px solid; 
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    align: center;
}

.tag {
    background-color: #21252B;
    color: #61afef;
    border-radius: .35em;
    padding: .15em;
    float: right;
    margin-left: .3em;
}
pre {
     border: 1px solid ; 
     word-wrap: break-word;
     border: 1pt solid #;
     padding: 1em;
     white-space: pre-wrap;
     box-shadow: 5px 10px #dcdfe4; 
     font-size: 80%;
} 
code {
    background-color: #21252b;
    border-radius: .35em;
    padding: .075em;
    font-size: 90%;
}     

a:hover{
    transition: color .15s ease-in; 
    color:#c678dd !important;
}
a{
    color:#e06c75;
}

.menu{
    padding: 0.075em;
    font-size-adjust: 0.6; 
}

::selection {
  background: #e5c07b; /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: #e5c07b; /* Gecko Browsers */
}