/*animation*/
      .title {
      animation-name: titleani; 
      animation-duration: 20s; 
      animation-iteration-count: infinite;
      animation-delay: 0s;
      }
  
  
      @keyframes titleani {
        0% {color: white;}
        25% {color: maroon;}
        50% {color: black;}
        75% {color: maroon;}
        100% {color: black;}
      }
      body {
      background-color: white;
      animation: bgc 100s infinite;
      background-image: url('gifs/bg2.gif');
      background-size: 150% 150%;
      background-blend-mode: multiply;
      background-repeat: repeat;
      color: black;
      align-content: center;
      text-align: center;
      transform: scale(60%);
      overflow: hidden;
      }
      
      @keyframes bgc {
      0% {background-color: white;}
      25% {background-color: lightcyan;}
      50% {background-color: PaleTurquoise;}
      75% {background-color: lightcyan;}
      100% {background-color: white;}
      }
  

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding: 0px; /* Location of the box */
  left: 0;
  top: -0.7vw;
  width: 100%; /* Full width */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.6);
  transform: scale(450%)!important;
}

/* Modal Content */
.modal-content {
  background-color: antiquewhite;
  margin: 10px;
  height: 120%;
  transform: scale(25%)!important;
}
.modal-content2 {
  background-color: antiquewhite;
  margin: 10vw;
  transform: scale(30%)!important;
  text-align: left;
  padding: 3vw;
}
.modal-header{
  display: block;
}
.modal-body{
  height: 100%;
  
}
.modaltable{
  border:10px black;
  height: inherit;
}

.modal-button{
  height: 10vw;
  width: 20vw;
  font-family: academy-engraved-let;
  font-size: 6vw;
  background-color:transparent; 
  border: none;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 2vw;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* The Close Button */
.close1 {
  color: #aaaaaa;
  float: right;
  font-size: 10vw;
  font-weight: bold;
}

.close1:hover,
.close1:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

       .popup-gallery a {
  text-align: center;
  align-content: center;
  height: 200%;
  width: 200%;
  }
  .popup-gallery a img {
    height: 100%;
    width: 100%;
    
  }
  
  .mfp-wrap {
    top: -1vw!important;
}
  .mfp-bg {
    transform: scale(500%)!important;
}
.mfp-content {
    transform: scale(120%)!important;
}



/*fonts*/
@font-face {
  font-family: AppleGaramond-Light;
  src: url(fonts/AppleGaramond-Light.ttf);
}
@font-face {
  font-family: AppleGaramond-LightItalic;
  src: url(fonts/AppleGaramond-LightItalic.ttf);
}
@font-face {
  font-family: academy-engraved-let;
  src: url(fonts/AcademyEngravedLetPlain.ttf);
}



     h1{
        font-family: AppleGaramond-LightItalic;
        font-size: 3vw;
        letter-spacing: 3vw;
        -webkit-filter: drop-shadow(5px 5px 5px white);
      }
      h2{
        font-weight:normal; 
        font-family: Arial;
        font-size: 1.5vw;
        -webkit-filter: drop-shadow(5px 5px 5px white);
      }
      h3{
        font-weight:normal; 
        font-family: Arial;
        font-size: 1.4vw;
        -webkit-filter: drop-shadow(5px 5px 5px white);
      }
      marquee{
        font-family: academy-engraved-let;
        font-size: 2vw;
        width:100%; 
        -webkit-filter: drop-shadow(5px 5px 5px white);
      }
      
      .work {
        border:1px solid #000000;
      }

.biggerdiv{
    
}
header {
  text-align: center;
  align-content: center;
}
.bigdv{
  display: flex;
  flex-direction: row;
  width:100%;
}
.side {
    display: block;
    width: 22%;
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
    flex-direction: row;
    opacity: 0.8;
    }
    .center {
    display: block;
    width: 100%;
    height: 100%;
    font-weight:normal; 
    font-family: Courier New;
    font-size: 1.4vw;
    }
    .contacttable{
      width: 100%;
    }