@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&family=Inter:wght@400;500;600;700&display=swap');

:root {
	--bulma-family-primary: 'Inter', system-ui, sans-serif;
	--bulma-family-title: 'Montserrat', sans-serif;
	--bulma-link: hsl(0 85% 50%);
	--bulma-link-text: hsl(0 85% 50%);
	--bulma-link-h: 0;
	--bulma-link-s: 85%;
	--bulma-link-l: 50%;
	--bulma-hover-background-l-delta: -5%;
	--bulma-navbar-burger-color:#fff;
	--bulma-skeleton-lines-gap: .55em;
	--bulma-skeleton-line-height: .8em;
	--bulma-body-background-color:hsl(220 20% 100%);
	--bulma-card-background-color: hsl(220 20% 30%);
    --bulma-scheme-main:hsl(220 20% 10%);
    --bulma-scheme-h:210;
    --bulma-scheme-s:40%;
    --bulma-scheme-l:88%;
	;
}
footer{
    background-color: hsl(220 22% 10%);
    color: var(--bulma-text-light);
}
footer hr{display: none;}
footer .button{
    --bulma-button-h:220;
    --bulma-button-s:22%;
    --bulma-button-background-l:10%;
    --bulma-button-border-l-delta:-74%;
    --bulma-button-color-l:var(--bulma-text-light)
}
.box{
    --bulma-box-background-color: var(--bulma-white);
}
.navbar-item,.navbar-link {
    text-transform: uppercase;
	color:var(--bulma-grey-lighter);
}
.navbar-brand .is-logo {
    font-size: 1.5em;  font-family: var(--bulma-family-title);
}

.is-index aside .menu-list a{font-size:1.3em; --bulma-menu-item-background-l-delta:-5%;}
.is-index aside .menu-list a:hover{ --bulma-menu-item-background-l-delta:-10%;}
.navbar-brand .is-logo::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 40%;
	vertical-align: middle;
	/* Combined gradient + SVG */
	background:
	    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'></path><circle cx='7' cy='17' r='2'></circle><path d='M9 17h6'></path><circle cx='17' cy='17' r='2'></circle></svg>")
	    center / 80% auto no-repeat,
	    linear-gradient(135deg, hsl(0 85% 50%) 0%, hsl(35 100% 50%) 100%);
}
.navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
    --bulma-navbar-item-background-l-delta: -80%;
}

.container .button:hover{
	color: var(--bulma-white);
	--bulma-button-h: 0;
	--bulma-button-s: 85%;
	--bulma-button-background-l: 50%;
	--bulma-button-background-l-delta:3%;
}
.modal-card-body {
    background-color: var(--bulma-white);
}

aside li a::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: '\f1b9';
  margin-left: -6px;
  margin-right:10px;
  color:var(--bulma-link);
  padding:5px 0;;
  font-size:17px;
}
a.dm-title{
	font-size:1.5em; font-weight: bold; line-height: 1.2em;
}
a.dm-title:hover{
	color:var(--bulma-dark);
}
a.dm-description{
	color:hsl(199 29% 18%);
}
a.dm-url{
	-webkit-text-fill-color:hsl(199 29% 38%);
	font-size:.8em;
}

@media screen and (max-width: 768px) { /* Bulma's mobile breakpoint */
	.section { padding: 1rem; }
	.navbar-brand{font-size:.8em;}
}