*{
    padding: 0;
    margin:0;
}
:root{
    --main-Background-Color:#24353f;
    --font:'Titillium Web', sans-serif;
    --h1-Color: #17a2b8;
    --box-Shadow:-5px 2px 54px -9px rgba(0, 0, 0, 1);
}
body {
    background-color:var(--main-Background-Color);
    font-family: var(--font);
}
.login-Page,nav{
    box-shadow: var(--box-Shadow)
}
.h1Color{
    color:var(--h1-Color)
}
input{
    background-color: transparent !important;
    color: #fff !important;
}
input::placeholder{
    color: rgb(182, 182, 182) !important;
    font-size:17px;
}
input:focus,.navbar-toggler:focus{
    box-shadow: 0 0 0 0 transparent !important;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
#homePage {
    height: 75vh;
}