:root{
    --h1-font-size:calc(var(--basic-unit)*0.66);
    --h2-font-size:calc(var(--h1-font-size)/3);
    --h4-font-size:calc(var(--h1-font-size)/6);
}

body{
    font-family: 'Cairo';
    font-size: 16px;
}

h2{
    color: var(--red-pastec);
}

.logo-container{
    position: fixed;
    top: 50%;
    width: 25%;
    transform: translate(50%, -50%);
}

.project-read-more{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 50%;
    transform: translateY(-40%);
}

.project-content {
    font-family: 'Arimo';
    line-height: 1.3;
    font-size: small;
    color: #635b5b;

    margin: calc(var(--basic-unit) * 0.5) var(--basic-unit);
}