body.dark {
    font-family: 'Poppins', sans-serif;
    background-color:#121212;
}

.full-height{
    height:100vh;
}

.btn {
    border-radius:40px;
}

/*colours*/
.btn-primary {
    background-color:#55e6a5 !important;
    border-color:#55e6a5 !important;
}

.text-primary {
    color:#55e6a5 !important;
}

.bg-primary {
    background-color:#55e6a5 !important;
}

.btn-secondary {
    background-color:#be92f8  !important;
    border-color:#be92f8  !important;
}

.text-secondary {
    color:#be92f8  !important;
}

.bg-secondary {
    background-color:#be92f8  !important;
}

/*header*/
header {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
}

/*intro*/
.welcome-section {
    position:relative;
}

.welcome-section .container {
    padding-bottom: 5%;
}

.intro-heading {
    display:inline-block;
    font-weight:900 !important;
    overflow:hidden;
    position:relative;
    padding:45px;
    border-radius: 40px;
}

.intro-heading span.background {
    height:100%;
    width:100%;
    background-color:#55e6a5;
    position:absolute;
    right:0px;
    top:0px;
    z-index:-1;
    border-radius: 40px;
}

.intro-heading span.background-2 {
    height:100%;
    width:100%;
    background-color:#be92f8;
    position:absolute;
    right:0px;
    top:0px;
    z-index:-1;
    border-radius: 40px;
}

.welcome-section .fixed-position {
    margin-top:-10vw;
}

/*cards*/
.card {
    background-color:transparent;
    border-width:2px;
    border-radius:40px;
    padding:30px !important;

    @media(min-width:1199px) {
        min-height: 600px;
    }
}

.card.card-primary {
    border-color:#55e6a5;
    position:relative;
}

.card.card-secondary {
    border-color:#be92f8;
}

.card .card-title {
    color:#fff;
    font-weight:700;
}

.card .hidden {
    opacity:0;
}

/*scrolling-text*/
.scrolling-text {
    overflow:hidden;
    height:900px;
    transform: skewY(-5deg);

    .dot {
        display:inline-block;
        width:20px;
        height:20px;
        background-color:#55e6a5;
    }

    .movie-quotes {
        font-weight: 900;
        font-size: 3vw;
        white-space: nowrap;
    }
}