/* 25302262 - ANDRIES DANIEL LOUW */

/* HERO SECTION DESIGN */
.heroSectionContainer{
    display: flex;
    flex-direction: row;
}

.heroImage{
    width: 35%;
    margin-top: -30px;
    margin-right: 20px;
}

.heroSectionSubContainer{
    display: flex;
    flex-direction: column;
    width: 60%;
    margin-top: 30px;
}

.anywhereAnytime{
    display: flex;
    margin-left: 25px;
    height: 100px;
    width: 500px;

}

.intro{
    display: flex;
    margin-left: 25px;
    font-size: larger;
}

.inDemand{
    display: flex;
    margin-left: 25px;
    height: 50px;
    width: 500px;
}

/* GET STARTED BUTTON DESIGN */
.btnGetStarted {
    font-family: 'Poppins',sans-serif;
    font-size: larger;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 5px;
    margin-top: -70px;
    margin-left: 20px;
    margin-bottom: 20px;
    justify-content: center;
    background-color: var(--purple);
    color: var(--gray);
    border-radius: 50px;
    border: 2px solid var(--navy);
    box-shadow: 2px 2px 0px var(--navy);
    cursor: pointer;
}
.btnGetStarted:active{
    box-shadow: 0px 0px;
    transform: translateX(2px);
    transform: translateY(2px);
}

/* KEY FEATURES DESIGN */
.keyFeaturesSubContainers{
    color: var(--navy);
    border-style: solid;
    border-color: var(--navy);
    border-radius: 20px;
    border-width: 2px;
    padding: 10px;
    margin:20px;
    width: 50%;
}

.keyFeaturesContainer{
    display: flex;
    justify-content: center;
    flex-direction: row;
}

/* PROGRAMMING LANGUAGES */
.programmingLanguagesContainer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.btnProgrammingLanguages{
    border-radius: 25px;
    border-style: none;
}

.btnProgrammingLanguages:active{
    transform: translateX(2px);
    transform: translateY(2px);
}