@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Raleway", sans-serif;
}

body {
    background-color: #f8f9fa;
    color: #333;
}
/* This targets only numbers across the page */
body :not(script):not(style) {
    font-variant-numeric: lining-nums;
}
.top-bar {
    background-color: #463772;
    font-size: 0.9rem;
}

.top-bar a {
    color: white;
    transition: opacity 0.3s ease;
}

.top-bar a:hover {
    opacity: 0.8;
}

header img {
    padding-left: 30px;
}

.form-container {
    background: #fff;
    padding: 30px;
    border-radius: 0 0 10px 10px;
}
.shadow{
    padding: 0;
   box-shadow: inset 0px 0px 0px rgba(0,0,0,0), 
            0px 4px 8px rgba(0, 0, 0, 0.08),
            4px 0px 8px rgba(0, 0, 0, 0.08),
           -4px 0px 8px rgba(0, 0, 0, 0.08);

}
.form-container .form-title {
    font-weight: 700;
    color: #0d6efd;
}
.alumni-form input[type="text"],
.alumni-form input[type="tel"],
.alumni-form input[type="date"],
.alumni-form input[type="email"] {
    background-color: #fff;
}

.form-container label {
    font-weight: 550;
}
.form-container label span{
    color: red;
    font-size: 18px;
}
.form-container textarea {
    resize: none;
}
.form-container .decl{
    font-size: 14px;
    font-weight: 550;
}

.form-bg{
  background-color: #ededed;
}