/* @import 'compass/css3';

@import 'compass/reset'; */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,300);

@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap");
:root {
  --maxScreen: 480px;
  /* --primary-color: #5995fd; */
  --primary-color: #8dc63f;
  --light-primary-color: #8ec63f59;
  --white-primary-color: #dbedc1;
  --accent-color: #0f3d60;
  --light-accent-color: #0f3d60;
  --header-height: 3rem;
  --nav-width: 68px;

  /*===== Colors =====*/
  --first-color: var(--primary-color);
  --first-color-light: var(--light-primary-color);
  --white-color: #f7f6fb;

  /*===== Font and typography =====*/
  --body-font: "Nunito", monospace;
  /* --body-font: 'Nunito', sans-serif; */
  --normal-font-size: 1rem;

  /*===== z index =====*/
  --z-fixed: 100;
}
* {
  margin: 0;
  padding: 0;
  font-family: "Source Sans Pro", monospace;
}
a {
  color: #fff;
  font-weight: 900;
  letter-spacing: 1px;
}
form a {
  color: var(--primary-color);
}
.header-main a:link {
  text-decoration: none;
}
label {
  text-transform: capitalize;
}

body {
  /* width: 100%; */
  min-height: 100%;
  /* background-color: red; */
  box-sizing: border-box;
  /* overflow: hidden; */
}
@media screen and (max-width: 768px) {
  body {
    padding: 0;
    margin: 0;
    width: calc(100%);
    /* overflow: hidden; */
  }
}

.body {
  min-height: calc(100vh - var(--header-height) - 1rem);
}
.body:nth-child(3) {
  min-height: calc(100vh - var(--header-height) - 1rem);
}