@import url("https://fonts.googleapis.com/css?family=Kanit");
@import url("https://fonts.googleapis.com/css?family=Chonburi");
body {
  margin: 0;
  padding: 0; }
  body .mainContainer {
    display: flex;
    background-image: url("../img/bgpopup.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    body .mainContainer .popup {
      flex: 1;
      z-index: 999;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 10px 0 0 0; }
      body .mainContainer .popup img {
        border: 8px solid greenyellow;
        width: 60%;
        height: auto;
        align-self: center;
        animation: moveBorderImg 1s infinite;
        -webkit-animation: moveBorderImg 1s infinite; }
@keyframes moveBorderImg {
  50% {
    border: 10px solid orangered; } }
      body .mainContainer .popup span {
        font-family: "Kanit", sans-serif;
        font-size: 36px;
        color: white;
        align-self: center;
        border: 4px solid orange;
        margin: 10px 0 0 0;
        padding: 0 15px 0 15px;
        background-color: #00a150;
        cursor: pointer;
        /* font-size: 32px; */
        border-radius: 10px;
        /* background-color: white; */
        box-shadow: 5px 3px 13px black;
        transition: all 0.5s linear;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear; }
        body .mainContainer .popup span:hover {
          color: #00a150;
          background-color: #e9ff07; }

/*# sourceMappingURL=styleintro.css.map */