@import url("all.css");
@import url("navbar.css");
@import url("footer.css");

* {
  margin: 0;
  padding: 0;
  outline: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

a {
  color: unset;
}

:root {
  --primary: #75739a;
  --green: #04b98c;
  --yellow: #f7c94b;
  --red: #f74f39;
  --orange: rgb(237, 175, 58);
  --dark-red: rgba(247, 88, 66, 0.4);
  --white: #fff;
  --light-grey: rgba(255, 255, 255, 0.67);
  --black: #000000;
  --background: #1f2641;
  --background-1: #2f336a;
  --background-2: #424890;
  --transition: all 1s ease-in-out;
  --box-margin: 40px;
}

.button {
  border: none;
  border-radius: 10px;
  background: transparent;
  cursor: pointer;
}

.box {
  width: 80%;
  margin: 0 auto;
}

body {
  background-color: var(--background);
  color: var(--white);
  line-height: 1.67;
}

img {
  width: 100%;
  object-fit: cover;
}

h1 {
  font-weight: 500;
  font-size: 32px;
  text-wrap: balance;
}

section {
  padding: 20px 0px;
  margin: 40px 0px;
}

.hide {
  display: none !important;
}

.error {
  color: var(--red) !important;
}

.success {
  color: var(--green) !important;
}

#message {
  padding: 3px 2px;
  text-align: center;
  font-weight: 600;
  word-break: keep-all;
  word-wrap: break-word;
}

.captilize {
  text-transform: capitalize;
}

@media only screen and (max-width:1024px) {
  .box {
    width: 85%;
  }
}

@media only screen and (max-width:768px) {
  .box {
    width: 90%;
  }
}

@media only screen and (max-width:520px) {
  .box {
    width: 94%;
  }
}