/* ╭︵‿୨✧₊⊹☆ website wide ☆⊹₊✧୧‿︵╮ */

body {
   background-color: #e3daca;
   margin: 150px 20px 20px 0px;
   padding: 20px;
   font-family: serif;
   font-weight: none;
}

/* ╭︵‿୨✧₊⊹☆ index ☆⊹₊✧୧‿︵╮ */

.indexcontents {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 text-align: center;
 color: #4d4646;
 gap: 1rem;
 margin-bottom: -1rem;
}

.links {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-align: center;
 color: #4d4646;
}

a:link {
   color: #7b9af0; 
}
a:hover {
   color: #283ced;
}
a:active {
   color: #283ced;
}

.text-blur-out {
 text-align: center;
 font-size: small;
 color: #7b9af0;
	-webkit-animation: text-blur-out 3s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate-reverse both;
	        animation: text-blur-out 3s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite alternate-reverse both;
}

@-webkit-keyframes text-blur-out {
  0% {
    -webkit-filter: blur(0.01);
            filter: blur(0.01);
  }
  100% {
    -webkit-filter: blur(12px) opacity(0%);
            filter: blur(12px) opacity(0%);
  }
}
@keyframes text-blur-out {
  0% {
    -webkit-filter: blur(0.01);
            filter: blur(0.01);
  }
  100% {
    -webkit-filter: blur(12px) opacity(0%);
            filter: blur(12px) opacity(0%);
  }
}

/* ╭︵‿୨✧₊⊹☆ about ☆⊹₊✧୧‿︵╮ */

.aboutcontents {
   margin: -50px 50px;
   display: flex;
   flex-direction: column;
   justify-content: left;
   align-items: left;
   color: #4d4646;
}

#abouttitle {
   text-align: center;
}

#abouttext {
   text-align: left;
   color: #877575;
}

#aboutreturn {
  text-align: center;
}