body {
    padding-top: 56px; /* Adjust this value based on the navbar height */
    background-image: url(res/bg1.png);
    background-size: contain;
    background-color: #000000;
    color: #f8f9fa;
  }
.footer {
    text-align: center;
    padding: 20px;
    background-color: #000000;
}
a:link {
color: #fdf693;
}
a:hover {
color: rgb(161, 161, 214);
}
a:active{
color: #f8f9fa;
}
@media (max-width:768px) {
body{
  background-repeat: no-repeat;
  background-size:contain !important
}
form{
  width: 100% !important;
}
input[type="submit"] {
  width: 100% !important;
}
nav{
  background-color: #000000c5;
}
}
a{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: bold;
  font-stretch: narrower;
  color: azure;
  box-shadow: 14 10 10 red;
}
form {
    margin: 50px auto;
    width: 75%;
    background-color: #00000063;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(228, 222, 222, 0.568);
  }
  input[type="text"],
  input[type="email"],
  textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border: 2px solid #00000056;
    border-radius: 4px;
  }
  input[type="submit"] {
    background-color: #257928;
    color: #fff;
    font-weight: bold;
    border: none;
    padding:20px;
    border-radius: 4px;
    cursor: pointer;
  }
  input[type="submit"]:hover {
    background-color: #ff815b;
  }
  input[type="submit"]:active {
    background-color: #ff0000;
  }
  label{
    font-weight: bolder;
    color: yellow;
    font-stretch: expanded;
  }
  nav{
    box-shadow: 0px 0px 10px 0px rgba(228, 222, 222, 0.568);
  }