body{
  background-color: black;
  color: white;
  background-image: url(bg2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

  img{
  height: 100px;
  position: fixed;


  opacity: 0.3;
}


a{
  text-decoration: none;
  color: inherit;
}


input{

  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.0);
}

textarea{

  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.0);
}

::placeholder {
  color: white;
  opacity: 1;
}


.link a:active{
    font-family: "Prime-Regular";
}

.link a:hover::before{

 font-family: "Prime-Light";

}

.main{


  font-size: 50px;
  text-align: center;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);

}
.name{
font-family: "Revamped";
-webkit-animation: glow 1s ease-in-out infinite alternate;
}


button{
font-family: "Revamped";
font-size: 30px;
color: white;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
background-color: rgba(255, 255, 255, 0.0);
-webkit-animation: glow 1s ease-in-out infinite alternate;
}

.arrow{
  font-family: "Prime-Light";

  float: right;
}
.arrow2{
  font-family: "Prime-Light";

  float: left;
}


.link{
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;

  font-size: 30px;

  margin-top: 50px;


  font-family: "Prime-Light";
}

.link:hover{
  -webkit-transform: translateX(8px);
transform: translateX(8px);
}


.thing p{
  font-size: 20px;
  font-family: "Prime-Light";
}

.footer{
  bottom: 20;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
    font-family: "Prime-Light";
}
.footer2{
  bottom: 0;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
    font-family: "Prime-Light";
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #2F4F4F, 0 0 20px #2F4F4F, 0 0 25px #2F4F4F, 0 0 30px #2F4F4F, 0 0 35px #2F4F4F, 0 0 40px #fff, 0 0 45px #2F4F4F, 0 0 50px #2F4F4F, 0 0 55px #2F4F4F, 0 0 60px #2F4F4F, 0 0 65px #2F4F4F;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 25px #fff, 0 0 30px #5F9F9F, 0 0 35px #5F9F9F, 0 0 40px #5F9F9F, 0 0 45px #5F9F9F, 0 0 50px #5F9F9F, 0 0 55x #fff, 0 0 60px #5F9F9F, 0 0 65px #5F9F9F, 0 0 70px #5F9F9F, 0 0 75px #5F9F9F, 0 0 80px #5F9F9F;
  }
}

@font-face {
font-family: "Revamped";
src: url("Revamped.ttf");
}
@font-face {
font-family: "Kesya";
src: url("Kesya.otf");
}

@font-face {
font-family: "Prime-Light";
src: url("Prime-Light.ttf");
}
@font-face {
font-family: "Prime-Regular";
src: url("Prime-Regular.ttf");
}