/* Created by Frank Taipe */

    @font-face {
	font-family: 'Linux Libertine';
	src: url('../fonts/LinLibertine.woff2') format('woff2'),
             url('../fonts/LinLibertine.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
    }

    .small-caps {
	font-feature-settings: 'smcp' 1;
	font-variant-caps: small-caps;
    }
    
    .all-small-caps {
	font-variant-caps: all-small-caps;
    }
    
    .petite-caps {
	font-variant-caps: petite-caps;
    }
    
    .all-petite-caps {
	font-variant-caps: all-petite-caps;
    }

    html {
	font-family: 'Linux Libertine', serif;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
	overflow: hidden;

	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
    }
    
    body {
	font-family: 'Linux Libertine', serif;
	font-size: 100%;
	/* zoom: 90%; */
	background-color: #222222; /* black background */
	color: #d3d3d3;            /* light gray text */
	margin: 0;
	padding: 0;
	overflow: hidden;
    }

    /* This will work for Firefox */
    @-moz-document url-prefix() {
	body {
	    font-family: 'Linux Libertine', serif;
	    /* font-family: ui-monospace, 'SF Mono', SFMono-Regular; */
	    /* font-family: 'SF Mono', SFMono-Regular, sans-serif; */
	    /* font-family: "Georgia", "Arial", sans-serif; */
	    /* font-family: CCSymbols; */
	    font-size: 100%;
	    /* margin-top: -10px; */
	    /* -moz-transform: scale(0.9);	     */
	    background-color: #222222; /* black background */
	    color: #d3d3d3;            /* light gray text */
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	}
    }
    
    a {
	color: #bbbbbb;
	text-decoration: none;
	transition: color 0.3s ease;
    }

    a:hover, a:focus {
	color: #ffffff;
	text-decoration: underline;
    }

    h1, h2, h3, h4, h5, h6 {
	color: #e0e0e0;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
    }

    /* modified ul */
    .myuldisc {
	padding-left: 30px; /*1.2em;*/
	list-style-type: disc;
	font-size: 1em;
    }

    .myulsquare {
	padding-left: 30px; /*1.2em;*/
	list-style-type: square;
	font-size: 1em;
    }

    .myulnone {
	padding-left: 10px;
	margin-left: 0;
	list-style-type: none;
	font-size: 1em;
    }

    .black-section {
	background-color: #222222;   /* black background */
	color: #d3d3d3;              /* light gray text */
    }

    .black-section h2 {
	color: #e0e0e0;           /* slightly brighter for headings */
    }

    .black-section a {
	color: #bbbbbb;
	text-decoration: none;
    }

    .black-section a:hover {
	color: #ffffff;
	text-decoration: underline;
    }
    
    .optional-tag {
	/* display: none; /\* Hide as a break *\/ */
	display: block; /* Show as a break */
    }

    /* /\* Hide on mobile (max-width: 768px) *\/ */
    /* @media (max-width: 768px) { */
    /* 	.desktop-break { */
    /*         display: none; /\* Disappears on smaller screens *\/ */
    /* 	} */
    /* } */
    
    .styled-list {
	list-style-type: disc; /* Keeps bullet points */
	padding-left: 15px; /* Removes default padding */
	margin-top: 0; /* Removes extra space */
    }

    .styled-list-sub {
	list-style-type: circle; /* Keeps bullet points */
	padding-left: 15px; /* Removes default padding */
	margin-top: 0; /* Removes extra space */
    }