body {
    background-color: rgb(33, 36, 44);
    display: flex;
    flex-direction: column;
}
h1, h2, p {
    color: rgb(243, 255, 251); 
    font-family: 'Courier New', Courier, monospace; 
    font-weight: bolder;
}
div {
    border-style: solid;
    border-radius: 10px;
    color: rgb(243, 255, 251);
    margin-top: 10px;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    word-wrap: break-word;
}
.title {
    padding-left: 30px;
}
.arrow {
    float: left;
    margin-top: 25px;
    padding-left: 10px;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.content {
    padding-left: 5px;
    padding-right: 5px;
}
@keyframes expand {
    from {
        height: 81px;
        transform: rotate(0deg);
    }
    to {
        height: 500px;
        transform: rotate(360deg);
    }
}
@keyframes reverse {
    from {
        height: 500px;
        transform: rotate(360deg);
    }
    to {
        height: 81px;
        transform: rotate(0deg);
    }
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(90deg);
    }
}
@keyframes rotate-reverse {
    from {
        transform: rotate(90deg);
    }
    to {
        transform: rotate(0deg);
    }
}