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

/*
colors
    bark background: #0d0d0d
    accent green #c0b283
    accent gray #d8d0c5
    font white #f2efea
*/

/*
reset rule
*/

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
    margin: 0;
}

h1 {
    margin: 0;
}

html {
    background-color: #0d0d0d;
}

img {
    width: 90px;
    max-width: 200px;
    border-radius: 50%;
    margin-top: 40px;
    margin-left: 40px;
}

h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #f2efea;
    font-size: 2em;
    margin-top: 40px;
    margin-left: 40px;
}

span {
    color: #c0b283;
}

h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #d8d0c5;
    font-size: 1.2em;
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 40px;
}

article {
    display: inline-block;
    vertical-align: center;
}

p {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: #f2efea;
    font-size: 1.2em;
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom: 20px;
    text-align: justify;
}

i {
    color: #c0b283;
}

.fa {
    font-size: 30px;
}

.rightmove p {
    margin-left: 40px;
    margin-right: 0;
}

.fa-linkedin-square {
    margin-left: 25px;
}

@media only screen and (min-width: 900px) {

    main {
        max-width: 950px;
        margin: auto;
    }

    .half {
        width: 47%;
        vertical-align: middle;
    }

    img {
        width: 150px;
    }

    .threefour {
        margin-top: 40px;
    }

    h1,
    h2 {
        text-align: right;
    }

    .rightmove {
        display: block;
        margin-right: 40px;
        margin-top: 20px;
    }

    .rightmove p {
        text-align: right;
    }
}