@charset "UTF-8";

@import url(/fonts/fonts.css);

:root {
   --block: Helvetica, Arial, Roboto, Geneva, Overpass, sans-serif;
   --monospace: Inconsolata, Consolas, "Andale Mono", AndaleMono, monospace;
   --serif: "Times New Roman", Palatino, "Palatino Linotype", Gentium, Didot, serif;
}

html {
   box-sizing: border-box;
}

*, *:before, *:after {
   box-sizing: inherit;
}

a {
   text-decoration: none;
}

a:link {
   color: rgb(0, 0, 255);
}

a:visited {
   color: rgb(0, 0, 128);
}

a:hover {
   bottom: 1px;
   position: relative;
   text-decoration: underline;
}

a:active {
   color: rgb(0, 255, 0);
}

body {
   background-color: rgb(0, 192, 0);
   background-image: url(hhhbg.gif);
   color: rgb(0, 0, 0);
   font-family: var(--serif);
}

.bigger {
   font-size: 300%;
   font-variant: small-caps;
}

.bigtop {
   font-size: 250%;
   text-align: center;
}

.center {
   text-align: center;
}

.content {
   align-items: stretch;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

.content .images {
   align-items: end;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
}

.email {
   font-family: var(--monospace);
}

.footer {
   align-items: center;
   display: flex;
   flex-direction: row;
   font-family: var(--block);
   font-weight: bold;
   justify-content: space-between;
}

.footer > div {
   padding: 15px;
}

.framed {
   border-style: solid;
   border-width: 1px;
}

.left {
   float: left;
}

.right {
   float: right;
}

.smaller {
   font-size: 75%;
   font-style: italic;
}

.yell {
   font-size: 120%;
   font-style: italic;
   text-align: center;
}