body{
   margin:0;
   padding:0;
   background: linear-gradient(-45deg, #2f2f2f, #666666, #46403a, #8b5f3e);
	background-size: 400% 400%;
	animation: gradient 25s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
html {
    font-family:'Inter', sans serif;
 }
 .landing{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width:100%;
 }
 .landing .main h1{
   font-family: 'Instrument Serif', serif;
   text-align:center;
   font-size:50px;
   font-weight:800;
   margin-bottom:0;
   background: #70CFB2;
   background: linear-gradient(to right, #ffffff 0%, #e18412 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent; 
 }
 .landing .main h3{
   font-size:20px;
   font-weight:400;
   text-align:center;
   background: #70CFB2;
   background: linear-gradient(to right, #ffffff 0%, #e18412 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .landing .main p{
   font-size:15px;
   font-weight:500;
   text-align:center;
   background: #70CFB2;
   background: linear-gradient(to right, #ffffff 0%, #e18412 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .landingbutton{
   text-align:center;
 }
.button{
   background: none;
   color: inherit;
   border: none;
   font: inherit;
   cursor: pointer;
   outline: inherit;
 }
 .fa-gradient2{
     background: linear-gradient(to right, #ffffff 0%, #e18412 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 .contact-me{
   margin-top:1.5em;
   text-align:center;
}
.fa-gradient{
   background: linear-gradient(to right, #ffffff 0%, #e18412 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.social-media{
   margin-top:1rem;
}
.social-media i{
   padding:1rem;
}
.social-media i:hover{
   background: #BFFFFF;
   background: linear-gradient(to right, #ffffff 0%, #fd9c24  100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.contact-me i:hover{
   background: #BFFFFF;
   background: linear-gradient(to right, #ffffff 0%, #fd9c24 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.year{
   background: linear-gradient(to right, #ffffff 0%, #e18412 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}