html {
  height: 95vh;
}

body {
padding-top: 20px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 40px;
/*background-color: #DDE7DF; */
background: linear-gradient(-45deg, #F9F1D7, #D7EEF9, #D9E8D8, #FFE7E7);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
height: 100vh;
}

@keyframes gradient {
0% {
  background-position: 0% 50%;
}
50% {
  background-position: 100% 50%;
}
100% {
  background-position: 0% 50%;
}
}


.flex-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
/* justify-content: center; */
align-items: center;
align-content: space-around;

}

.wrapper {

}

.heading {
 display: table;
 table-layout: auto;
 border-spacing: 10px;
 max-height: auto;
font-family: 'Quicksand', sans-serif;

}

#name {
font-family: 'Peralta', cursive;
border: 0;
background: transparent;
}

#name:hover {
color: #d5693c;
cursor: pointer;
}

.header {
display: table-cell;
font-size: 32px;

}

.title {
display: none;
cursor: pointer;
font-size: 30px;
}

.wordSwap {
display: none;
padding-bottom: 5px;
cursor: pointer;
}

#adj0 {
display: table-cell;
font-family: 'Quicksand', sans-serif;
font-size: 30px;
}

#adj1 {
font-family: 'Akaya Telivigala', cursive;
font-size: 32px;
}

#adj2 {
font-family: 'Abril Fatface', cursive;
font-size: 30px;
}

#adj3 {
font-family: 'Fredoka One', cursive;
font-size: 30px;
}

#adj4 {
font-family: 'Gloria Hallelujah', cursive;
font-size: 30px;
}

#adj5 {
font-family: 'Montserrat', sans-serif;
font-size: 30px;
}

#adj6 {
font-family: 'Wallpoet', cursive;
font-size: 30px;
}

#adj7 {
font-family: 'Rubik Marker Hatch', cursive;
font-size: 30px;
}

#adj8 {
font-family: 'Bentham', serif;
font-size: 30px;
}

#adj9 {
font-family: 'Monoton', cursive;
font-size: 30px;
}

#noun0 {
display: table-cell;
font-family: 'Quicksand', sans-serif;
font-size: 30px;
}

#name {
display: table-cell;
}

.svg {
height: 100%;
width:100%;
}

.text {
font-family: 'Quicksand', sans-serif;
/* font-style: italic; */
color: #d5693c;
font-size: 14px;
}

.devLog {
height: 300px;
width: 500px;
overflow-y: auto;
font-family: 'Quicksand', sans-serif;
font-size: 12px;
background-color: black;
color:#d5693c;
padding-inline: 10px;
display: none;
}

@media screen and (max-width: 750px) {
.devLog {
  width: 350px;
  height: 550px;
}
}

.logbtn {
font-family: 'Quicksand', sans-serif;
font-size: 10px;
border: 0;
background: transparent;
}

.logbtn:hover {
color: #d5693c;
cursor: pointer;
}

#closelog {
display: none;
border: 0;
background: transparent;
}

/* width */
::-webkit-scrollbar {
width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
background: #FFE7E7;
opacity: 0.2;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #d5693c;
}

.links {
margin-bottom: 20px;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}


a:link {
color: black;
background-color: transparent;
text-decoration: underline;
font-family: 'Quicksand', sans-serif;
font-size: 16px;
}

a:visited {
color: #773215;
background-color: transparent;
text-decoration: none;
}

a:hover {
color: #d5693c;
background-color: transparent;
}

a:active {
color: black;
background-color: transparent;
text-decoration: underline;
}