/* @keyframes intro {
  0% {
    left: 2rem;
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
  }
  100% {
    left: 1rem;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
  }} */

html{
	background-color:#D8D7D2;
}

#main{
	background-color:#D8D7D2;
	background-size: cover;
	position: fixed;
	animation: .5s ease-in-out 0s 1 intro;
    z-index: 10;
    /* border-radius: 2rem;
     padding: 1.5rem;
    left: 1rem;
    top: 1rem;
    right: 1rem;
    bottom: 1rem; */
    font-family: "satoshi";
}

h1{
	display: inline-block;
	/* background-color: rgba(255, 255, 255, .1); */
	padding: 1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin: 0;
	border-radius: 1rem;
	backdrop-filter: blur(10px);
	font-size: 1rem;
	color: black;
}
h2{
	display: inline-block;
	/* background-color: rgba(255, 255, 255, .1); */
	padding: .5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	margin: 0;
	border-radius: 1rem;
	backdrop-filter: blur(10px);
	font-size: 1rem;
	color: black;
}
a{
	display: inline-block;
	/* background-color: rgba(255, 255, 255, .5); */
	margin: 0;
	padding: .5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: .8rem;
	backdrop-filter: blur(10px);
	font-size: 1rem;
	text-decoration: none;
	color: black;
}
a:hover{
	background-color: black;
	color: white;
}