/*
Theme Name: Techie
Theme URI: https://www.gabmorelli.com
Author: Gabriele Morelli
Author URI: https://www.gabmorelli.com
Template: twentysixteen
Description: This Twenty Sixteen child adds a techie look and feel to your Twenty Sixteen theme
Version: 1
License: GNU General Public License v2 or later
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

    body,
    button,
    input,
    select,
    textarea {
        font-family: "Inter", sans-serif;
        /*font-family: VT323, monospace;*/
    }
    .content-area {
        float: none;
        margin-right: 0;
        width: auto; /* or 100%, depending on what you need */
    }

    .sidebar {
		float: none;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

    .entry-title {
        font-family: "Inter", sans-serif;
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    .section-separator {
        font-size: 1.5rem;
        margin-bottom: 1.2em;
    }

    .widget {
        border: 1px solid #1a1a1a;
        border-radius: 20px;
        padding-left: 20px;
        margin-left: -20px;
        padding-right: 20px;
        margin-right: -20px;
    }

    .site-inner {
	    max-width: 40%;
    }


    body:not(.search-results) .entry-header + .entry-summary {
        margin-top: 1.5em;
    }

    body:not(.search-results) .entry-summary {
        font-size: 16px;
    }

    #intro {
        padding: 1em 0 2.5em 0;
    }

    .site-content {
    }

    .site-header {
	    padding: 1em 7.6923%;
    }

    @media screen and (min-width: 44.375em) {
    	.site-header {
		    padding: 1em 7.6923%;
	    }
    }

    @media screen and (min-width: 56.875em) {
	    .site-header {
		    padding-right: 4.5455%;
		    padding-left: 4.5455%;
	    }
    }

    @media screen and (min-width: 61.5625em) {

        .site-header {
            padding: 1em 4.5455%;
        }
    }