/* font */
@font-face {
  font-family: 'alagard';
  src:
    url("../assets/fonts/alagard.ttf") format("ttf"),
    url("../assets/fonts/alagard.woff") format("woff");
  font-weight: 200;
}

/* making our site responsive */

.minh-100 {
    min-height: 100% !important;
}

.flex-pls {
    display: flex;
}

.h-50 {
    height: 5rem;
}

.minw-100 {
    min-width: 100%;
}

h1,
.navLeft,
h2 {
    font-family: "alagard", 'Times New Roman', Times, serif;
}

.navLeft {
    line-height: 1;
}

.display-1 {
    font-size: 4rem !important;
}

.scrollbox {
    scrollbar-color: #fff #000;
}

@media screen and (min-width: 768px) {
    html {
        scrollbar-gutter: stable;
    }
    
    .h-md-100 {
        height: 100% !important;
    }

    .mh-md-100vh {
        height: 100vh !important;
    }

    .minh-md-100 {
        height: auto !important;
        min-height: 100% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .display-md-4 {
        font-size: min(3.5rem, 45px) !important;
        overflow-wrap: break-word;
    }

    .col-right {
        margin-left: 41.66666667%;
        border-left: 1px solid #fff;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 1400px) {
    .col-right {
        margin-left: 25%;
    }

    .display-1 {
        font-size: 6rem !important;
    }
}

@media screen and (max-width: 991px) {
    .p-sm-tall{
        padding: 3rem 0;
    }
}

@media screen and (max-width: 767px) {
    .col-right {
        margin-top: 3rem;
    }

    .h-100-nav {
        height: calc(100% - 3.5rem);
    }
}
div.hello-img {
    width: min(100%, 40rem) !important;
}

/* spacing */
.car-img {
    width: calc(100% - 6rem);
    height: auto;
    margin-left: 3rem;
    margin-right: 3rem;
}

.carousel-inner {
    background-color: #fff;
}

/* colors */
.red {
    color: #ec635e;
}

.yellow {
    color: #fadf70;
}

.green {
    color: #94d769;
}

.blue {
    color: #60b4f9;
}

.code {
    color: #000;
    background-color: #fff;
    font-family: 'Courier New', Courier, monospace;
}

/* nav styles (they're ugly) */
.nav-tabs {
    border-color: #fff;
}

.nav-tabs .nav-link {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #fff;
    color: #000;
}

.nav-tabs .nav-link.active {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #000;
    border-bottom: 1px solid #000;
    color: #fff;
}

.nav-tabs .nav-link#mac-tab:not(.active):hover {
    border-top: 1px solid #ec635e;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #ec635e;
    border-right: 1px solid #ec635e;
    background-color: #ec635e;
    color: #000;
}

.nav-tabs .nav-link#windows-tab:not(.active):hover {
    border-top: 1px solid #fadf70;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fadf70;
    border-right: 1px solid #fadf70;
    background-color: #fadf70;
    color: #000;
}

.nav-tabs .nav-link#linux-tab:not(.active):hover {
    border-top: 1px solid #94d769;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #94d769;
    border-right: 1px solid #94d769;
    background-color: #94d769;
    color: #000;
}

.dot {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
}

.red-bg {
    background-color: #ec635e;
}

.yellow-bg {
    background-color: #fadf70;
}

.green-bg {
    background-color: #94d769;
}

.m-n60 {
    margin-left: -60px;
}

.mh-75vh {
    max-height: 75vh;
}

.h-75vh {
    height: 75vh;
}

.h-box {
    height: calc(100% - 45px);
}