#interactive {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-size: 100% 100%;
}

#interactive .inter-button{
  background-color: rgba(0,0,0,0);
  position:absolute;
  height: 20px;
  width: 20px;
}
#interactive .inter-button:hover{
  background-color: rgba(255,255,255,0.1);

}


#interactive .exit{
  position: absolute;
  left:73%;
  top:21%;
  text-align: center;
}
#interactive .exit>h3{
  color: white;
    font-family: andosemibold, arial;
    text-transform: uppercase;
    letter-spacing: 2;
    font-weight: normal;
    font-size: 30px;
    animation:myfirst 1.7s;
    -moz-animation:myfirst 1.7s infinite; /* Firefox */
    -webkit-animation:myfirst 1.7s infinite; /* Safari and Chrome */
}

#interactive .fade {
   //opacity: 0;
   -webkit-transition: opacity 0.05s linear;
      -moz-transition: opacity 0.05s linear;
       -ms-transition: opacity 0.05s linear;
        -o-transition: opacity 0.05s linear;
           transition: opacity 0.05s linear;
 }
@-moz-keyframes myfirst /* Firefox */
{
0%  {color:#9fd0d8;}
13%   {color:white;}
100%   {color:#9fd0d8;}
}

  @-webkit-keyframes myfirst /* Safari and Chrome */
{
0%  {color:#9fd0d8;}
13%   {color:white;}
100%   {color:#9fd0d8;}
}
#interactive .exit>button{
  background-color: #8abac1;
  border: 2px solid #6d989e;
  background: linear-gradient(to bottom, #9fd0d8 10%,#88b4bb 60%);
  font-size: 15px;

}