@import "bootstrap.min.css";
@import "global_vars.css";
@import "Footer.css";
@import "404.css";
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css');
/* Import student CSS files here */
@import "../../student1/css/student1.css";
@import "../../student2/css/student2.css";
@import "../../student3/css/student3.css";
@import "../../student4/css/student4.css";


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {
    font-family: var(--font-family), sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
}


.sec-mar {
    margin-left: 1rem;
    margin-right: 1rem;

    @media screen and (min-width: 768px) {
        margin-left: 3rem;
        margin-right: 3rem;
    }
}


h1, h2, h3, h4, h5, h6, p {
    font-family: var(--font-family), sans-serif;
}


button {
    border: none;
    transition: transform 0.3s ease;
}

button:hover {
    transform: scale(1.1);
}


img {
    max-width: 100%;
    height: auto;
}


input, textarea, select {
    font-family: var(--font-family), sans-serif;
    border: none;
    outline: none;
}

input::placeholder, textarea::placeholder {
    color: var(--text-muted);
}


@media screen and (min-width: 768px) {
    .centered-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1100px;
    }
}