h4 {
   background-color: #dedbd2;
   width: 90%;
   padding: 5px;
   text-align: center;
   border: 1px solid black;
   border-radius: 15px;
}

h6 {
   background-color: #dedbd2;
   width: 23%;
   padding: 5px 20px 7px 20px;
   border: 1px solid black;
   border-radius: 10px;
}

#textWindow4 p {
   padding-left: 30px;
   text-align: left;
}

.ex1 {
   margin-left: 30px;
   width: 50px;
   height: 50px;
   background: rgb(54, 163, 152);
   transition: width 2s;
}

.ex1:hover {
   width: 250px;
}

.ex2 {
   margin-left: 30px;
   width: 50px;
   height: 50px;
   background-color: rgb(163, 118, 54);
   transition: 2s;
}

.ex2:hover {
   background-color: rgb(116, 54, 163);
   border-radius: 50%;
}

.ex3 {
   margin-left: 40px;
}

.ex3 div {
   margin: 5px 0;
   width: 50px;
   height: 50px;
   background-color: brown;
   transition: margin-left 3s;
}

.ex3:hover div {
   margin-left: 500px;
}

.ex3 div:nth-of-type(1) {
   transition-timing-function: ease-in;
}
.ex3 div:nth-of-type(2) {
   transition-timing-function: ease-out;
}
.ex3 div:nth-of-type(3) {
   transition-timing-function: cubic-bezier(0.7, 0, 0.84, 0);
}
.ex3 div:nth-of-type(4) {
   transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
}

p img {
   border: 1px solid black;
   border-radius: 10px;
   box-shadow: 3px 3px 8px black;
}

ul {
   text-align: left;
}

li {
   list-style: none;
}

.qlinks {
   width: 100%;
   display: flex;
   justify-content: space-evenly;
}

button {
   margin: 20px auto 40px;
   padding: 10px 20px;
   color: white;
   font-weight: bold;
   background-color: #689996;
   border: 1px solid black;
   border-radius: 15px;
   box-shadow: 2px 2px 6px #888888;
}

button:hover {
   color: black;
   background-color: #5eeee4;
   box-shadow: 2px 2px 6px black inset;
   transform: translate(6px, 6px);
}