@font-face {
    font-family: 'LaBouf-Oblique';
    src:url('../fonts/LaBouf-Oblique.ttf.woff') format('woff'),
        url('../fonts/LaBouf-Oblique.ttf.svg#LaBouf-Oblique') format('svg'),
        url('../fonts/LaBouf-Oblique.ttf.eot'),
        url('../fonts/LaBouf-Oblique.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
  
body {
background: #C00000;
}

header {
    background-image: url(../images/2007ferrarif1-2.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    padding: 1.5rem;
    -webkit-text-stroke: 1px black;
    font-size: 2rem;
}

#title, #titlecaption {
    font-family: 'LaBouf-Oblique';
    text-align: center;
}

#titlecaption {
    font-size: 2.5rem;
}

  main {
padding:1rem;
font-family: 'LaBouf-Oblique';
  }

  .container {
      display:grid;
      grid-column-gap:10px;
      grid-row-gap: 1rem;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto auto auto 3rem;
      border-radius: 10px;
      background-color: white;
      padding:1rem;
      margin:auto;
      align-items:stretch;
  }

  #tribute-info, #p1, #p2 {
      background-color:#C00000;
      color: #ffffff;
      padding:1rem;
      border-radius:5px;
      margin-left:2rem;
      padding-left:2rem;
      padding-right:2rem;    
  }

#tribute-info {
    grid-column: 1/3;
    justify-self:stretch;
    align-self:stretch;
    text-align:justify;
    align-items:stretch;
}

#p1 {
    grid-column: 1/3;
    justify-self:stretch;
    align-self: stretch;
}

#p2 {
    grid-column: 1/3;
    justify-self:stretch;
    align-self:stretch;
}

#img-div {
    grid-column: 3/4;
    grid-row: 1/4;
    text-align:center;
    background-color:#C00000;
    padding:1rem;
    border-radius:10px;
    align-items: stretch;
    padding-top:2rem;
}
 
#image {
    border:2px solid white;
    border-radius: 10px;
    object-fit: contain;
    max-width: 100%;
    height:auto;
    display:block;
  }

 #img-caption {
     color:white;
 } 

 #link {
     text-align: center;
     width:100%;
     grid-column: 1/4;
     grid-row:4/5;
     margin-left:1rem;
 }

 #iceman {
     background: #C00000;
     max-height: 3rem;
     width:auto;
     text-align:center;
 }

footer {

    left:0px;
    bottom:0px;
    width:100%;
    background-color:#C00000;
    color:white;
    text-align: center;
    padding:1rem;
}

#achievelist {
    column-count: 4;
}