@font-face {
  font-family: "IntroComp";
  src: url("./introcomp.woff") format("woff");
}

@media only screen and (max-width: 800px) {
  h1.masthead {
    font-size:18vw;
  }

  #content {
    width:98vw;
  }

  div#IFTF {
    display:block;
    text-align:center;
  }

  div#IFTF div {
    clear:both;
  }

  div#IFTF img {
    clear:both;
  }
}

@media only screen and (min-width: 801px) {
  h1.masthead {
    font-size:var(--masthead-font-size);
  }

  #content {
    width:35em;
  }


  div#IFTF {
    display:grid;
    text-align:left;
    align-items:center;
    column-gap:1em;
  }

  div#IFTF img {
    grid-column:1;
    padding:.25em;
  }

  div#IFTF div {
    grid-column:2;
    padding:.25em;
  }
}

body {
    --bg-color:#FFF;
    --text-color:#000;
    --header-color:#4F49DF;
    --masthead-font-size:7em;
    background:var(--bg-color);
    color:var(--text-color);
    padding:0;
    margin:0;
    font:1em Arial,Helvetica,sans-serif;
    text-align:left;
    display:flex;
    justify-content:center;
}

header {
    text-align:center;
}

footer {
    text-align:center;
}

hr {
    width:555px;
    height:0px;
    border-style:solid none none;
    border-width:3px;
    color:var(--text-color);
    text-align:center;
    margin:1em 0;
}

h1 {
    font:2em IntroComp,serif;
    margin:1.5 0 .75;
    color:var(--header-color)
}

header h1 {
    font-size:1.5em;
    margin:0;
    padding:0;
    line-height:1em;
}

h1.masthead a {
    text-decoration:none;
    color:var(--header-color)
}

h2 {
    font:1.5em IntroComp,sans-serif;
    margin:1.5 0 .5;
    color:var(--header-color)
}

h2.submitaddr {
    text-align:center;
}

h3 {
    font-size:1em;
    font-variant:small-caps;
    margin:1 0 .5;
    color:var(--text-color)
}

p {
    margin: .5em 0;
}

li {
    margin:0 0 .5em;
}

dl.schedule {
    display:grid;
    padding:0 2.5em;
}

.schedule dt {
    grid-column:1;
    margin:0 0 .5em;
}

.schedule dd {
    grid-column:2;
    text-align:right;
    margin:0 0 .5em;
}

ul.footnote {
    list-style-type:"*";
}

ul.stories, p.stories {
    font-size:125%;
}

ol.winners, p.winners {
    font-size:135%;
}

dl.prizes {
    display:grid;
    font-family:Lucida,Console,"Courier New";
	font-size:95%;
    line-height: 1.2;
    width:10em;
}

.prizes dt {
    grid-column:1;
}

.prizes dd {
    grid-column:2;
}

p.bylines {
    color:var(--header-color);
    font:bold 95% sans-serif;
}

p.thanks {
    color:var(--header-color);
    font:bold 65% sans-serif;
}

h1.masthead a:link {
    text-decoration:none;
    color:var(--header-color)
}

h1.masthead a:visited {
    text-decoration:none;
    color:var(--header-color)
}

a:link {
    text-decoration: underline;
    color: #33C;
}

a:visited {
    text-decoration: underline;
    color: #606;
}

a:active {
    color: #F99;
    text-decoration: underline;
}

a:hover {
    color: #F00;
    text-decoration: underline;
}