*{
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  box-sizing: border-box;
}

body{
  height: 100%;
  box-sizing: border-box;
  padding-top: 15vh;
}

.container { 
  min-height: 100%;
  margin-bottom: -70px;
}

#mainTitle{
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  font-size: 5em;
  margin-top: 1em;
  margin-bottom: 0;
  color: #2B2B2B;
}

.subtitle{
  font-family: 'Ubuntu Mono', monospace;
  text-align: center;
  font-size: 3.5em;
  color: #6C7A89;
}

#profile{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30em
}

.contactLinks{
  margin-top: 3em;
  display: block;
  text-align: center;
}

.socialNetworkLink{
  display: block;
  padding-bottom: 0.4em;
  font-family: 'Fira Mono', monospace;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 3.7em;
  color: black;
}

.footer, .push {
  width:100%;
  height:70px;   /* Height of the footer */
}

.love{
  font-family: "Arial", sans-serif;
  color: #6C7A89;
  text-align: center;
  font-size: 3.0em;
}

#heart{
  color: #C0392B;
}