/* custom.css - Custom styling for javilopezg.com Forgejo instance */
:root {
    --color-primary: #FF8600 !important;
    --color-primary-dark-1: #e07600 !important;
    --color-primary-dark-2: #c26600 !important;
    --color-primary-light-1: #ff921a !important;
    --color-primary-light-2: #ffeeaa !important;
    --font-weight-light: 300; !important;
    --font-weight-normal: 500; !important;
    --font-weight-medium: 700; !important;
    --font-weight-semibold: 800; !important;
    --font-weight-bold: 900; !important;
    --mi-naranja: #FF8600;
    --mi-naranja-suave: #FFEEAA;
    --mi-gris: #F1F1F1;
}

body {
    font-family: "Atkinson Hyperlegible Mono", monospace !important;
}

body h1.header,body .ui h1, body h1, h2, h3, h4, h5, h6, .ui.header {
    font-family: "Atkinson Hyperlegible Next", sans-serif !important;
}

.ui.card>.extra .render-content.markup a:not(.ui) {
    color: var(--color-primary); !important;
}

a {
    color: var(--color-primary);
}

/* Fragment directive */
::target-text {
  background-color: var(--mi-naranja-suave);
  color: black;
}
::selection {
  color: white;
  background: var(--mi-naranja);
}

/* Home page template */
.page-content.home div.explicacion{
	text-align: left;
	max-width: 600px;
	display: inline-block;
}