:root {
    --primary: #3fb950;
    --primary-light: #69b174;
    --secondary: rgb(32,32,32);
    --background: #0D1117;
    --paper: #12181F;
    --accent-1: #C269D1;
    --accent-2: #C269D1;
    --text-color: #FFF;
    --text-secondary: #c6c6c6;
}

a {
    font-weight: 500;
    font-size: 1.2rem;
}

li a {
    font-size: 1rem;
}

.mobile-links {
    font-size: 0.8rem;
}

@media only screen and (max-width: 600px) {
    .small-links {
        font-size: 0.8rem;
    }
}

.small-links {
    font-size: 1rem;
}

.small-icons {
    width: 2rem;
    height: 2rem;
}

@media only screen and (max-width: 600px) {
    .small-icons {
        width: 1.6rem;
        height: 1.6rem;
    }
}

.line {
    height: 330rem;
}

@media only screen and (max-width: 500px) {
    .line {
        height: 330rem;
    }
}

@media only screen and (min-width: 720px) {
    .line {
        height: 300rem;
    }
}


@media only screen and (min-width: 778px) {
    .line {
        height: 350rem;
    }
}

@media only screen and (min-width: 880px) {
    .line {
        height: 290rem;
    }
}

@media only screen and (min-width: 1250px) {
    .line {
        height: 220rem;
    }
}

@media only screen and (min-width: 1380px) {
    .line {
        height: 210rem;
    }
}

input {
    padding: 0.5rem 0.2rem;
}

.link-hover:hover {
    text-decoration: underline;
}

.scrollbar-custom::-webkit-scrollbar {
    height: 8px;
    width: 5px;
}

@media screen and (max-width: 668px){
    .scrollbar-custom {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollbar-custom::-webkit-scrollbar {
        display: none;
    }
}

.scrollbar-custom::-webkit-scrollbar-track {
    background: var(--paper);
    border-radius: 4px;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
    background-color: #324b73;
    border-radius: 4px;
}

.scrollbar-custom::-webkit-scrollbar-thumb:hover {
    background-color: #536687;
}

.courier {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
}