:root {
    --baby_blue: #09b9d3;
    --fresh_green: #a2bc11;
    --cute_pink: #de99df;
    --white: #fff;
    --black: #000;

    font-size: 18px;
}

* {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* Algemene css voor alle pagina's START */
.pinkText {
    font-weight: bold;
    color: var(--cute_pink);
    text-decoration: none;
}

.pinkBG {
    background-color: var(--cute_pink);
}

.blueText {
    font-weight: bold;
    color: var(--baby_blue);
    text-decoration: none;
}

.blueBG {
    background-color: var(--baby_blue);
}

.greenText {
    font-weight: bold;
    color: var(--fresh_green);
    text-decoration: none;
}

.greenBG {
    background-color: var(--fresh_green);
}

.blackText{
    color: var(--black);
}

.blackBG{
    background-color: var(--black);
}

/* Algemene css voor alle END */

/* ------------------------PAGINA HOME--------------------------- */
.headerBanner {
    background-image: url(/IMAGES/banner.png);
    height: 250px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.robinLogo{
    width: 10%;
}

.myNavStyle a {
    font-family: "Micro 5", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
}

.myNavStyle a:hover {
    color: purple;
}

.headTitle {
    font-family: "Micro 5", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-size: 4.5em;
}

.subTitle {
    font-size: 3em;
    font-family: "Micro 5", sans-serif;
    font-weight: 400;
    font-style: normal;
}

footer {
    background-attachment: fixed;
    padding: 2em;
    font-size: .7em;
}

footer a {
    text-decoration: none;
}

footer .RobinURL:hover{
    color: purple;
    font-size: 1.2em;
    transition: .5s;
}

footer ul{
    padding: 0;
}

.linkedInIcon,
.instagramIcon,
.tumblrIcon,
.emailIcon {
    font-size: 1em;
}

.linkedInIcon i,
.instagramIcon i,
.tumblrIcon i,
.emailIcon i {
    text-decoration: none;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-image: linear-gradient(to bottom, var(--baby_blue), var(--fresh_green), var(--cute_pink));
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}