@import url('https://fonts.googleapis.com/css?family=Rubik:300,400&display=swap&subset=latin-ext');

 html, body {
	 height: 100%;
}

 body {
	 font-family: 'Rubik', sans-serif;
   font-weight: 300;
	 display: flex;
	 justify-content: center;
	 align-items: center;
   color: #212529;
   background-color: #FFFFFF;
}

.container {
	 position: relative;
}

.hi-messages{
  text-align: center;
}


.social-icons {
  width: 100%;
  text-align: center;
  font-size: 1.5em;
}

.social-icons a{
  padding: 20px;
  margin: 10px;
}

.social-icons h3 {
  border-bottom: solid 1px;
}


.mode-switch{
  position: fixed;
  right: 50px;
  top: 30px;
  padding: 10px;
  border: solid 1px;
  border-color: #212529;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 400;
  width: 110px;
  text-align: center;
}