/*
pink: #e91e63
black: #0d0d0d
white: #fcfcfc
*/

/*-------------------------*\
|        RESET CSS          |
\*-------------------------*/
*{ box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p, dl, pre, table{ margin: 0 0 1rem; }

ul, ol, blockquote{ margin: 0 0 1rem 2rem; }



/*-------------------------*\
|         MAIN CSS          |
\*-------------------------*/
body{
  background-color: #d8d8d8;
  padding: .5em 0;
}
.page{
  width: 95%;
  background-color: #fcfcfc;
  margin: 0 auto;
  box-shadow: 0px 10px 19px -1px rgba(49,49,49,1);
  min-height: 90vh;
  position: relative;
}

header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #CF1C44;
  color: #fcfcfc;
}

header div{
  padding: 1em;
}


.icons a{
  margin: 7px;
}

header div h1{
  font-size: 3em;
  margin-top: .375em;
}

header img{
  width: 35px;
  height: 35px;
}

a{
  text-decoration: none;
}

main{
  padding: 1em;
}

footer{
  width: 100%;
  background-color: #0d0d0d;
  color: #fcfcfc;
  height: 25px;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  padding-left: 1em;
}

form{
  width: 40%;
  margin: 0 auto;
}

label{
  display: block;
}

input:focus, textarea:focus{
  border: 1px solid #e91e63;
  box-shadow: 0px 0px 7px -2px rgba(233,30,99,1);
}

form div{
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}

input[type="submit"], input[type="reset"]{
  width: 5em;
  height: 1.875em;
  font-size: 1.375em;
  font-weight: bold;
  cursor: pointer;
}

input[type="submit"]{
  background-color: #e91e63;
  color: #fcfcfc;
}

input[type="reset"]{
  background-color: #fcfcfc;
  color: #e91e63;
  border: none;
}

.intro{
  width: 80%;
  margin: 2em auto;
  text-align: center;
  font-size: 2em;
  font-style: bold;
}

.top{
  font-size: 8em;
  text-align: center;
}

/*-------------------------*\
|          NAV CSS          |
\*-------------------------*/
nav ul{
  list-style-type: none;
  display: flex;
  justify-content: space-around;
}

nav ul li{
  margin: 0 10px;
  font-size: 1.5em;
  margin-top: .5em;
}

nav a{
  color: #fcfcfc;
}

nav a:hover{
  color: #e91e63;
}