html, body {
	font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;;
}

article p {
    margin-top: 0.7rem;
}

.section {
	padding: 0 !important;
}

.mainpage-section {
	padding: 3rem 3rem !important;
}

.author-photo-navbar, .author-photo {
    background-size: cover;
    border-radius: 25%;
}

.author-photo-site-index {
	max-height: 20rem;
}

/* For some reason default Bulma's behavior to make it white. For WHAT? */
.navbar.has-shadow {
	box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 1.0) !important;
}


.navbar-brand-p {
	margin-left:  0.4em;
}

/* Tooltips */
*[data-tooltip]::after {
    content: attr(data-tooltip);

    position: absolute;
    top: 3em;
    right: 0em;

    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;

    display: block;
    background-color: #485fc7;
    padding: 2px 2px;
    border: 1px solid #c0c0c0;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.4);
}

*[data-tooltip]:hover::after {
    opacity: 1;
}

.box {
    box-shadow: 0 0px 10px rgba(10,10,10,.3);
}

.content blockquote {
	border-left: 0.4em solid #eee !important;
    font-style: italic;
    margin-bottom: 0.5rem;
    margin-left: 1rem;
	margin-top: 0.5rem;
	padding-bottom: 0.6rem;
	padding-left: 1rem;
	padding-top: 0.1rem;
}

.content ul {
    list-style: disc outside;
}

h1, h2, h3, h4, h5, h6 {
	font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;;
	font-weight: 400 !important;
}

h1 {
	font-size: 1.8rem;
	line-height: 1.1rem;
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
}

h2 {
	font-size:1.6rem;
	line-height: 1.2rem;
	margin-top: 0.7rem;
	margin-bottom: 0.7rem;	
}

h3 {
	font-size:1.4rem;
	line-height: 1.3rem;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;	
}

h4 {
	font-size:1.3rem;
}

h5 {
	font-size:1.2rem;
}

h6 {
	font-size:1.1rem;
}

pre {
    line-height: 1.5em;
    background: transparent;
	padding: 1em;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre !important;
	white-space: -moz-pre-wrap !important;
	white-space: pre-wrap !important;
	white-space: pre\9 !important; 
}

.tagslist {
    color: white;
    font-weight: bold;
}

ul, ol {
	margin-left: 3em; 
}