@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 200;
	src: url('fonts/woff2/PeydaWeb-ExtraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/PeydaWeb-ExtraLight.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/woff2/PeydaWeb-Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/PeydaWeb-Light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/woff2/PeydaWeb-Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/PeydaWeb-Medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/woff2/PeydaWeb-Semibold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/PeydaWeb-Semibold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}


@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/woff2/PeydaWeb-Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/PeydaWeb-Black.woff') format('woff')  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/woff2/PeydaWeb-Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/PeydaWeb-Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/woff2/PeydaWeb-Regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/PeydaWeb-Regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
*, *:before, *:after {
  box-sizing: inherit;
}
.container {
  height: 100vh;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

body {
  font-family: PeydaWeb;
  margin: 0;
  padding: 15px;
  background-color: #404041;
    animation: pageLoad 3s ease both;
}
.ERIC {
  margin: 0;
  animation: fadeOut 3s ease both;
  position: absolute;
  
} 
@keyframes pageLoad {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% { 
    opacity: 1;
  } 
  75% {
    opacity: 1;
  }
  90% {
    transform: scale(1);
  }
100% {
    transform: scale(0);
    display: none;
} 
}

@keyframes fadeInHome {
  0% {
    opacity: 0;
    display: none;
    transform: scale(0)
} 
  40% {
    opacity: 0;
    transform: translate(0, 200%); 
  }
100% {
    opacity: 1;
    transform: translate(0, 0);
}
}

@keyframes fadeInWork {
  0% {
    opacity: 0;
    display: none;
    transform: scale(0)
} 
  40% {
    opacity: 0;
    transform: translate(0, 150%); 
  }
100% {
    opacity: 1;
    transform: translate(0, 0);
}
}
@keyframes fadeInBlog {
  0% {
    opacity: 0;
    display: none; 
    transform: scale(0)
} 
  40% {
    opacity: 0;
    transform: translate(0, -150%); 
  }
100% {
    opacity: 1;
    transform: translate(0, 0);
}
}
@keyframes fadeInContact {
  0% {
    opacity: 0;
    display: none;
    transform: scale(0)
} 
  40% {
    opacity: 0;
    transform: translate(0, -200%); 
  }
100% {
    opacity: 1;
    transform: translate(0, 0);
}
}
.fa-lg{
    margin: 0 20px;
    width: 20px;
}
.wrap {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
    animation: fadeInHome 1s ease both;
  animation-delay: 2.5s;
}
.profile {
  text-align: center;
  color: #FFF;
}
.photo {
  height:88px;
  margin-bottom: 13px;
}

.links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.links ul li {
  margin: 14px 0;
}

.card {
  padding: 10px;
  text-align: center;
    margin-top:50px
}
.card h3 {

  margin: 0;
  color: #d2ac67;
}
.card p {
  margin: 5px 0;
  font-size: 13px;
  color: #d2ac67;
}