body {
    margin:0 !important;
    padding:0 !important;
}

.pages_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;   
}

.page {
    position: relative;
    width: 100%;
    z-index: 99;
}

.page-100 {
    @extend .page;
    height: 100vh;
}

.page-75 {
    @extend .page;
    height: 75vh;
}

.page-50 {
    @extend .page;
    height: 50vh;
}

.page-25 {
    @extend .page;
    height: 25vh;
}

$primary-light: #f5f5f5;
$primary-dark: #1d1d1d;
$grey-shade: rgba(114, 114, 114, 1);
$cta-green: #01C26E;

code {
    color: $primary-light !important;
    
    .variable {
        color: #36a3f0;
    }
    
    .str {
        color: #FF4500;
        font-weight: 600;
    }

    .brackets {
        color: #ffc813;
    }

    .function {
        color: #dccd79;
    }

    .class {
        color: #4ebb7d;
    }
}

/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {

}

/* Mobile - 1023px */
@media only screen and (max-width: 63.9375rem) {

}