body {
    margin: 0;
    font-family: 'Raleway', sans-serif;
}

html {
    margin: 0;
}

h1, h2, h3, h4 {
    font-weight: 700;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 700px;
    top: 0;
    z-index: -100;
}

.content {
    img {
        display: block;
        margin: auto;
        max-width: 800px;
        height: auto;

        @media screen and (max-width: $screen-tablet) {
            max-width: 100%;
        }
    }

    h2, h3, h4 {
        margin: 30px 0 20px 0;
    }

    .mybtn {
        font-weight: 700;
        font-size: 1.2em;
        background-color: $mainColor;
        color: white !important;
        padding: 10px 25px 10px 25px;
        border-radius: 40px;
        border: 0;

        @media screen and (max-width: $screen-tablet) {
            font-size: 1.3em;
        }
    }
}

.light-text {
    color: $grayColor;
}