body { 
    color: #4f4f4f;
	margin-left: 0; 
	margin-bottom: 20px; 
	margin-right: 0; 
	margin-top: 0; 
	font: 16px/1.25 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
}

img {
    max-width: 100%;
}

h1 {
	margin-bottom: 10px;
	font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-style: italic;
	font-weight: 500;	
	font-size: 36px;
	line-height: 1;
}

h2 { 
	font-family: "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: 500;	
	font-size: 24px; 
	margin-top: 0px;
	margin-bottom: 10px;
}

h3 { 
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	margin-top: 10px;
	margin-bottom: 10px;
}

h4 { 
	font-size: 14px; 
	margin-bottom: 0; 
}

p {
    margin-top: 10px;
	margin-bottom: 10px;
}

a { 
	color: #418dd9; 
	text-decoration: none; 
}

a:hover { 
	text-decoration: underline; 
}

ul { 
	list-style-type: square; 
}

pre {
    max-width: 740px;
	overflow: auto;
	padding: 3px;
	border: 1px solid #bfbfbf;
	background-color: #f2f2f2;
}

@media screen and (max-width: 320px) {
    body {
        font-size: 14px;
    }
    
    h1 {
	    font-size: 30px;
    }
    
    h2 {
	    font-size: 24px;
    }
}

@media(prefers-color-scheme:dark) {
    body {
        color: #f5f5f5;
        background-color:#353535;
    }
	
	pre {
		background-color: #000;
		border: 1px solid #7a7979;
	}
}