@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:wght@100..900&display=swap');


:root {
	--bulma-family-primary: 'Inter', sans-serif;
	--bulma-family-title: 'Montserrat', sans-serif;
	--bulma-primary: hsl(220 25% 10%);
	--bulma-link: hsl(226 96% 56%);
	--bulma-link-text:hsl(226 95% 53%);
	--bulma-link-h: 220;
	--bulma-link-s: 25%;
	--bulma-link-l: 10%;
	--bulma-hover-background-l-delta: 45%;
	--bulma-navbar-burger-color:#fff;
	--bulma-skeleton-lines-gap: .55em;
	--bulma-skeleton-line-height: .8em;
	--bulma-skeleton-background:var(--bulma-grey-lighter);
	--bulma-body-background-color:hsl(226 20% 100%);
    --bulma-scheme-main:hsl(226 84% 39%);
    --bulma-scheme-h:226;
    --bulma-scheme-s:84%;
    --bulma-scheme-l:39%;
	--bulma-scheme-main-l:94%;
}

.card{ background:	linear-gradient(to right bottom, hsl(222, 84%, 5%), hsl(226, 57%, 21%), hsl(222, 84%, 5%)); color:var(--bulma-white)}
.title{font-family: var(--bulma-family-title); }
.navbar{--bulma-navbar-background-color:hsl(222, 84%, 5%);}
.navbar-brand .is-logo{ font-size:1.6em; font-family: var(--bulma-family-title); color: var(--bulma-white) }
.navbar-brand .is-logo::before { content: ""; display: inline-block; width: 35px; height: 35px; border-radius: 65%; 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='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/>\
	 </svg>")
		center / 50% auto no-repeat,
		linear-gradient(135deg, hsl(221, 83%, 53%) 0%, hsl(192 91% 36%) 100%);
}

a.navbar-item:hover{	--bulma-navbar-item-background-l-delta:-80%;}
.menu-list a{color:var(--bulma-grey); --bulma-menu-item-background-l-delta:10%;}
.menu-list a:hover{background-color: var(--bulma-grey-lighter)}

.is-index aside .menu-list a{font-size:1.12em; --bulma-menu-item-background-l-delta:21%;}
.is-index aside .menu-list a:hover{ --bulma-menu-item-background-l-delta:-50%;}

aside li a::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: '\f152';
  margin-left: -6px;
  margin-right:6px;
  color:var(--bulma-link-text);
  padding:5px 0;;
  font-size:14px;
}


footer hr{background-color:var(--bulma-grey-lighter);}
footer .button.is-small{background:var(--bulma-transparent);border:none; box-shadow:none;}

.modal{
	--bulma-modal-card-body-background-color:var(--bulma-white);
    --bulma-modal-card-title-color: var(--bulma-white);}
.box{background-color:var(--bulma-white)}
a.dm-title{	font-size:1.3em; font-weight: bold;}
a.dm-title:hover{	color:var(--bulma-dark);}
a.dm-description{	color:var(--bulma-grey);}
a.dm-url{color:var(--bulma-dark);	font-size:.8em;}