*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    overflow:hidden;
}

/* Slideshow */

.slideshow{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-2;
}

.slide{
    position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    opacity:0;
    transition:opacity 2s ease-in-out;
}

/* Background Images */

.slide:nth-child(1){
    background-image:url("images/bg1.jpg");
}

.slide:nth-child(2){
    background-image:url("images/bg2.jpg");
}

.slide:nth-child(3){
    background-image:url("images/bg3.jpg");
}

.slide:nth-child(4){
    background-image:url("images/bg4.jpg");
}

.slide:nth-child(5){
    background-image:url("images/bg5.jpg");
}

/* Active Slide */

.slide.active{
    opacity:1;
    animation:zoom 5s linear;
}

/* Overlay */

.overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    text-align:center;
}

/* Logo */

.logo{
    width:180px;
    margin-bottom:40px;
    animation:float 4s ease-in-out infinite;
}

/* Heading */

.content h1{
    color:#fff;
    font-size:110px;
    font-weight:900;
    line-height:95px;
    letter-spacing:4px;
    text-shadow:0 5px 20px rgba(0,0,0,.5);
    animation:fadeDown 1.5s;
}

/* Typing Text */

#typing{
    margin-top:30px;
    color:#fff;
    font-size:22px;
    font-weight:300;
    min-height:35px;
}

#typing span{
    animation:blink .8s infinite;
}

/* Bottom Text */

.bottom{
    margin-top:15px;
    color:#fff;
    font-size:18px;
    opacity:.9;
}

/* Contact Information */

.contact-info{
    margin-top:25px;
}

.contact-info p{
    color:#fff;
    font-size:18px;
    margin:8px 0;
    font-weight:500;
}

.contact-info a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.contact-info a:hover{
    color:#FFD54F;
}

/* Floating Logo */

@keyframes float{
    0%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-10px);
    }
    100%{
        transform:translateY(0);
    }
}

/* Fade Down */

@keyframes fadeDown{
    from{
        opacity:0;
        transform:translateY(-40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Cursor Blink */

@keyframes blink{
    50%{
        opacity:0;
    }
}

/* Background Zoom */

@keyframes zoom{
    0%{
        transform:scale(1);
    }
    100%{
        transform:scale(1.12);
    }
}

/* Mobile Responsive */

@media(max-width:768px){

    .logo{
        width:130px;
    }

    .content h1{
        font-size:65px;
        line-height:60px;
    }

    #typing{
        font-size:18px;
        padding:0 20px;
    }

    .bottom{
        font-size:15px;
        padding:0 20px;
    }

    .contact-info{
        padding:0 20px;
    }

    .contact-info p{
        font-size:15px;
    }

}