*, ::before, ::after{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {	
	font-size: 62,5%;/*62,5% de 16px = 10px*/
}
body {	
	display: flex;
    font-size: 1.3rem; 
    font-family: 'Cormorant Garamond', serif; 
}
Body>div{
    height: 100vh;
}

h1, .gpio{ display: block; text-align: center; margin: 0px; font-size: 2rem; 
  font-weight: bold; color: red; font-family: serif; text-decoration: none;}

.gllr{ display: block; text-align: center; margin: 0px; font-size: 2rem; 
  font-weight: bold; font-style: italic; color: rgb(0,102,153); font-family: serif;}

  @media screen and (max-width: 600px){
    h1,.gpio, .gllr{font-size: 1.5rem;}

  }

hr{width: 50%; color: rgb(0,102,153); margin: auto;}