main{height:100vh}main #title{position:relative;bottom:0;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:#fff;margin-bottom:2em}main #title img.logo-img{width:300px}main #title p{font-family:Raven-Grunge}main #title p#brand{font-size:4em}#domains p{font-size:1.2em}.brand-space{margin:0 5px}ul#links{position:relative;display:flex}ul#links li{position:relative;list-style:none;margin:0 15px;cursor:pointer}ul#links li a{text-decoration:none}ul#links li a .fa-brands,ul#links li a .fa-solid,ul#links li a .fa-regular{font-size:2em;color:#222}ul#links li a::before{font-family:"FontAwesome";position:absolute;top:0;left:0;font-size:2em;height:0;overflow:hidden;transition:.5s ease-in-out}ul#links li:hover a::before{height:100%}ul#links li#github a::before{content:"";color:#9c67a3}ul#links li#linkedin a::before{content:"";color:#1da1f2}ul#links li#courses a::before{content:"";color:#1df2f2}ul#links li#instagram a::before{content:"";color:#cc2366}ul#links li#message a::before{content:"";color:#65d728}ul#links li#home a::before{content:"";color:#009edd}#eco-index{position:absolute;bottom:15px}