@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant&display=swap');

* {
    vertical-align:	baseline;
    border:		0 none;
    outline:		0;
    padding:		0;
    margin:		0;
    text-decoration:	none;
}

#main {
    background-color:    #ddffff;
    padding-top:	 .1em;
    padding-bottom:	 3em;
    width:		 80%;
    height:              100%;
    margin:		 2em auto;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 20px;
    /* for IE */
    filter:             alpha(opacity=70);
    /* CSS3 standard */
    opacity:            0.95;
    border:             2px solid #5dbaba;
    color:              #000000;
    box-shadow: inset 0 0 12px #999;
}

body { 
    background-image:   url("./images/js-gen-background.png");
}

#main p,h1,h2,h3,h4,ol,li,ul,dd {
    margin-bottom:     .5em;
    margin-top:	       .5em;
    margin-right:	  12%;
    margin-left:	  12%;
}

#main p { 
    margin-bottom:   .71em;
}

hr { 
    border:          dotted 2px #bbb; 
    width:           40%; 
    color:           #667;
}

h1 
{
    font-family: 'Turret Road', cursive;
    font-size: 48px;
}

a { 
    color:green;
}

a:hover {
    color:  #000;
}

.footer {
    font-family:         'IBM Plex Mono';
    text-align:          center;
    padding:             5px 5px 5px 15px;
    font-size:           32px;
}