@import "comp/navbar.css";
@import "comp/hero.css";
@import "comp/whyict.css";
@import "comp/footer.css";
@import "comp/progress.css";
@import "comp/dashboard.css";
@import "comp/blog.css";
@import "comp/sidemenu.css";
@import "comp/faq.css";
@import "comp/regestration.css";
@import "comp/projects.css";

html{
    scroll-behavior: smooth !important;
    user-select: none;
}

body{
    background-color: #4b4b4b;
    font-family: "Roboto", sans-serif;
    background-image: url(../img/bg.png);
    width: 100%;    
    height: 100%;
    background-repeat: repeat-y;
    background-position: center;
    max-width: 1920px;
    margin: 0 auto;
    overflow-x: hidden;
} 

p, a, li, td{
    color: #f1f1f1 !important;
    font-family: "Roboto", sans-serif !important;
}

h1, h2, h3, h4, h5, h6{
    font-weight: 800 !important;
    background: linear-gradient(
    90deg,
    #d9d9d9 0%,
    #bfbfbf 20%,
    #f6f6f6 40%,
    #8f8f8f 60%,
    #e3e3e3 80%,
    #bdbdbd 100%
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    text-shadow:
    0 1px 1px rgba(255, 255, 255, 0.6),
    0 4px 8px rgba(0, 0, 0, 0.3) !important;
    text-align: center !important;
    font-size: 50px !important;
    font-family: "Inter", sans-serif !important;
}