/* GLOBAL STYLES */

* {
  box-sizing: border-box;
}

body {
  font-family: 'PT Sans', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f7f7f7; /* light gray */
}

a, button, input[type="button"], [type="button"] {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  color: #333; /* dark gray */
}

/* CENTERING THE PAGE */

.container {
  max-width: 1200px;
  margin: 20px auto;
  padding: 20px;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  /*height: 100vh; /* take up full viewport height */
  height: calc(100vh - (40px + 20px)); /* take up full viewport height */
}

/* COLORS */

:root {
  --primary-color-blue: #3498db; /* blue */
  --secondary-color-white: #339933; /* forest green */
  --accent-color-dark-gray: #666666; /* dark gray */
  --background-color-lightgray: #f7f7f7;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--primary-color-blue);
}

h1 {
    font-size: 2.8em;
    }

h2 {
  font-size: 2.4em;
}

h3 {
  font-size: 1.8em;
}

h4 {
  font-size: 1.4em;
}



p {
  color: var(--secondary-color-white);
  font-size: 16pt;
}

 button[type="button"] {
   box-shadow: inset 0px -5.75px rgba(51,115,185 ,0.2), inset 1.25px 4.38px rgba(135,204,230,.6) ;
    border-radius :11% 
 }

 /* TYPEFACE */
 @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap');