stylesheet.css

@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?97417248');
      src: url('./font/fontello.eot?97417248#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?97417248') format('woff'),
           url('./font/fontello.ttf?97417248') format('truetype'),
           url('./font/fontello.svg?97417248#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}

/* Fade In animation, courtesy of https://blog.hubspot.com/website/css-fade-in*/

.fade-in {
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

/* Fade In animation */

body, html {
  background-color: #121212;
  color: white;

  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	  animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

h1 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 2.5rem;
}

p {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
}

#pfp {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 10rem;
  border-radius: 50%;
}

/* copy pasted from somewhere ;; */
.centered {
        width: 30rem;
        height: 30rem;
        position:absolute;
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;
        max-width:100%;
        max-height:100%;
        overflow:auto;
        text-align: center;
}

.links a {
  color: #e6ded1;
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  text-decoration: none;
}

a {
  color: #63f7ff;
}