@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Fira+Code:300,regular,500,600,700);

* {
    font-family: inherit;
}

::-moz-selection {
    color: white;
    background: #113768;
}

::selection {
    color: white;
    background: #113768;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
}

.customContainer {
    max-width: 1280px;
    margin-inline: auto;
}

.firaCodeFont {
    font-family: 'Fira Code', monospace;
}

.hideScrollbar::-webkit-scrollbar {
    display: none;
}

.hideScrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dotsBg {
    background-image: radial-gradient(rgba(12, 12, 12, 0.1) 2px, transparent 0);
    background-size: 30px 30px;
    background-position: -5px -5px;

    /* Mask to create fading effect from top to bottom */
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}


@media (width<=768px) {
    .customContainer {
        max-width: 90%;
    }
}

@media (width<=568px) {
    .customContainer {
        max-width: 95%;
    }
}