/* kelly kaoudis, @kaoudis on infosec.exchange and on github :) */

/* link styling */
a img{
       border:0 none;
}

a:link{
       color: #22bb55;
       text-decoration: none;
}

a:active{
       color: #22bb55;
       text-decoration: none;
}

a:visited{
       color: #9c27b0;
       text-decoration: none;
}

a:hover{
       color: #22bb55;
       text-decoration: none;
}

/* Base */
body{
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
        font-size:1.5em;
}

h1,h2,h3,h4{
	color: #000000;
}

h4{
	color: #1a0019;
        margin: auto;
        font-size:1.0em;
}

/* color selectors! */
::selection{
        background: rgb(34,187,85);
}

::-moz-selection{
        background: rgb(34,187,85);
}

img::selection{
        background: transparent;
}

img::-moz-selection{
        background: transparent;
}

body{
       -webkit-tap-highlight-color: rgb(34,187,85);
}

/* styling for the center thing to hold all the content */
#wrapper{
	padding: 40px;
        margin: auto;
}


/* Mobile layout: 320px */
@media only screen and (max-width: 767px){
    h1{
        font-size:2.6em;
    }

    h2{
        font-size:1.4em;
    }

    #wrapper{
        max-width:320px;
    }
}

/* Wide mobile layout: 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    h1{
        font-size:2.7em;
    }

    h2{
        font-size:1.5em;
    }

    #wrapper{
        max-width:480px;
    }
}

/* Adds whitespace between li elements */
li:not(:last-child){
	margin-bottom: 8px;
}