@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fade-in {
    /* animation */
    animation: fade-in 2s;
    /* style time!!!! */
    font-size: 5em;
    text-align: center;
   font-family: "Cabin Sketch", sans-serif;
}
.bg {
                background-image: url(images/MartinezF_gallery.zip/bg.png);
                height: 100%;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                background-attachment: fixed;
            }
 p{
   font-family: "Cabin Sketch", sans-serif;
    color: red;
    font-size: 2.3rem;
    font-style: italic;
    text-align: center;
    margin-top: 1px;
      /* animation */
    animation: fade-in 2s;
    /* style time!!!! */
   
}
a:link{
    color:black;
    text-decoration: underline;
}

a:visited{
    color:black;
    text-decoration: none;
}
.header {
font-family: "Cabin Sketch", sans-serif;
    color: red;
    font-size: 1.2rem;
    font-style: italic;
    text-align: center;
    margin-top: 3px;
      /* animation */
    animation: fade-in 2s;
    /* style time!!!! */

}
h1{
    font-family: "Cabin Sketch", sans-serif;
    color: red;
    font-size: 2.5rem;
    text-align: center;
    margin-top: 1px;
      animation: fade-in 2s;
    /* style time!!!! */
}
#mail {
    background-image: url(images/MartinezF_gallery.zip/mail.gif);
    height: 500px;
    width: 500px;
    position: relative;
    top: 90px;
    margin-left: auto;
    margin-right: auto;
      /* animation */
    animation: fade-in 2s;
    /* style time!!!! */
    font-size: 5em;
    text-align: center;
}
.prettydivider {
    height: 1px;
    width: auto;
    border: 2px dotted;
    background-color: aliceblue;
    position: relative;
    margin-top: 1px;
      /* animation */
    animation: fade-in 2s;
    /* style time!!!! */
    font-size: 5em;
    text-align: center;
}
.logo {
    background-image: url(images/MartinezF_gallery.zip/logo.png);
    height: 187px;
    width: 179px;
    position: absolute;
    top: 2px;
        left: 30px;
      /* animation */
    animation: fade-in 2s;
    /* style time!!!! */
}

.wip{
    background-image: url(images/MartinezF_gallery.zip/uhoh.png);
    height: 500px;
    width: 500px;
    position: relative;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    animation: fade-in 2s;
}

.image-container {
  width: 300px;  
  height: 300px; 
    position: absolute;
     top: 482px;
    left: 240px;
animation: fade-in 2s;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.image-container2 {
  width: 300px;  
  height: 300px; 
    position: absolute;
    top: 482px;
    left: 560px;
animation: fade-in 2s;
}
.image-container2 img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.image-container3 {
  width: 300px;  
  height: 300px; 
    position: absolute;
    top: 482px;
    left: 880px;
animation: fade-in 2s;
}
.image-container3 img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.image-container5 {
  width: 300px;  
  height: 300px; 
    position: absolute;
    top: 2282px;
    left: 330px;
animation: fade-in 2s;
}
.image-container5 img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.image-container6 {
  width: 300px;  
  height: 300px; 
    position: absolute;
    top: 2282px;
    left: 780px;
animation: fade-in 2s;
}
.image-container6 img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}