@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

/*
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
*/


BODY { background:white; color:black; margin-top: 4ex; }

.center { width: 600px; margin-left: auto; margin-right: auto }
.nb { white-space:nowrap; }
.menu { text-align:left; clear:left; width: 600px; font-size: large}
.social { text-align:left; width: 600px; }
.plate { text-align:center; }
.icon { float:left; margin-right: 1em; margin-top: 2ex; margin-bottom: 1ex }
.avatar { float:right; margin-left: 1em; margin-top: 2ex; margin-bottom: 2ex }
.secretmessage { text-align:center }
.back { text-align:right; padding-top: 10% }
.addr { font-style:oblique }
.code { font-family:monospace; white-space:pre; }
.catch { font-size: xx-small; font-style: oblique; clear:left; display:none }
.header { margin-left: 0.5em; white-space:nowrap; }
.interesting { border-style: dashed; border-width: 2px; padding-top: 1px; padding-bottom: 1px; margin-left: 224px; text-align:left; width: 384px;background: #eee; }
.blue { color:#6CADDE !important; font-weight: bold !important; font-size: x-large !important; line-height: 60%; }
P { font-family:Poppins,sans-serif; font-weight: 300; }
P.header { font-size: xx-large; }
H1 { font-family:Poppins,sans-serif; }
H1.header { font-size: xx-large; font-weight: 400; }
H2 { font-family:Poppins,sans-serif; }
H2 { font-size: x-large; font-weight: 400; }
H3 { font-family:Poppins,sans-serif; font-size: large; font-weight: 400; }
LI { margin-left: 0.5em; font-family:Poppins,sans-serif; font-weight: 300; }
A:link    { text-decoration:none; color:maroon; background:transparent; }
A:visited { text-decoration:none; color:navy;  background:transparent; }
A:active  { text-decoration:none; color:black; background:navy; }
A:hover   { text-decoration:none; color:white; background:navy; }
H2 A { text-decoration:none; color:black !important; background:transparent !important; }
H3 A { text-decoration:none; color:black !important; background:transparent !important; }
STRONG { font-weight: 400; }
TT { font-family:"Source Code Pro","Roboto Mono","Incosolata",monospace; font-weight: 400; }

INPUT[type=button] { font-family:Poppins,sans-serif; font-weight: 400; }