@import "stars.css";

/* FONTS */
@font-face {
    font-family: "MAZIUSREVIEW20.09-Regular";
    src: url("./fonts/MAZIUSREVIEW20.09-Regular.otf"); 
}
@font-face {
    font-family: "MAZIUSREVIEW20.09-Italic";
    src: url("./fonts/MAZIUSREVIEW20.09-Italic.otf"); 
}
@font-face {
    font-family: "MAZIUSREVIEW20.09-Extraitalic";
    src: url("./fonts/MAZIUSREVIEW20.09-Extraitalic.otf"); 
}
@font-face {
    font-family: "Circle-Regular";
    src: url("./fonts/Circle-Regular.otf"); 
}
@font-face {
    font-family: "Circle-Light";
    src: url("./fonts/CRC55.otf"); 
}
body {
    max-height: 100vh;
    margin: 0;
}
.parallax {
    background-color: #f6f6f6;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    position: relative;
    background-image: url('image/Logo_AUN.svg');
    background-size: 195px;
    background-repeat: no-repeat;
    background-position: center;
}
.parallax__layer {
    position: absolute;
    
  }
  .parallax__layer-static {
    background-image: url('image/bg1.1.png');
    width:90%;
    height:95%;
    background-size: cover;
    background-repeat:no-repeat ;
    background-position:center center;
  }
  .parallax__layer {
    background-image: url('image/dots.png');
    width:80%;
    height: 95%;
    background-size: contain;
    background-repeat:no-repeat ;
    
  }
  
  .contact-list .tag .italic {
      font-family: "MAZIUSREVIEW20.09-Italic";
  }
  .content .coming__soon .italic {
    font-family: "MAZIUSREVIEW20.09-Extraitalic";
  }
  .content{
      position: absolute;
      bottom: 30px;
      left:50%;
      transform: translate(-50%);
      text-align: center;
  }
.content .coming__soon {
    font-family: 'MAZIUSREVIEW20.09-Regular';
    font-size: 38px;
    margin-bottom: 40px;
}
.contact-list  {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    list-style-type: none;
    width:100%;
    padding:0;
}
.contact-list a {
    outline:none;
    text-decoration: none;
    color:black;
}
.contact-list li span:not(:last-child) {
    margin-right:5px;
}
.contact-list li:not(:last-child) {
    margin-right:20px;
}
.contact-list .tag {
    font-family: 'MAZIUSREVIEW20.09-Regular';
    font-size: 12px;
}
.contact-list .number {
    font-family: "Circle-Regular";
    font-size: 12px;
}
.contact-list .regular {
    font-family: "Circle-Regular";
    font-size: 12px;
}

@media(max-width:992px) {
    .layout {
        background-image: url(./image/mobile-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .parallax {
        background-color: transparent;
        background-image: url(./image/logo-white.png);
    }
    .parallax__layer-static {
        background-image: none;
    }
    .content {
        width:100%;
        color:white;
    }
    .content .coming__soon {
        font-size: 32px;
    }
    .contact-list a {
        color:white;
    }
    .contact-list .tag,
    .contact-list .number,
    .contact-list .regular {
        font-size:13px;
    }
    
    .contact-list .number {
        font-family: "Circle-Light";
    }

}
@media(max-width:414px) {
    .parallax {
        background-size: 190px;
    }
    .contact-list .tag,
    .contact-list .number,
    .contact-list .regular {
        font-size:9px;
    }
    .contact-list li span:not(:last-child) {
        margin-right:5px;
    } 
    .content .coming__soon {
        font-size: 26px;
    }
}