#controls {
    position: absolute;
    bottom: 8%;
    right: 9%;
    transform: rotate(4deg);
    text-align: center;

    img:hover {
        opacity: 50%;
    }
}

#embeddedComicSummary {
    display: none;
}

#comicSummary {
    position: absolute;
    bottom: 8%;
    left: 10%;
    width: 55%;
    height: 17%;
    overflow: scroll;
}

@media (700px < width <= 1400px) {
    #controls {
        position: unset;
        display: flex;
        height: 100px;
        margin-bottom: 5%;
    }

    #comicSummary {
        display: none;
    }

    #embeddedComicSummary {
        display: initial;
        overflow: scroll;
        flex-grow: 3;
    }
}

@media (width <= 700px) {
    #comicSummary {
        display: none;
    }

    #controls {
        position: unset;
        height: 100px;
        margin-bottom: 5%;
    }

    #comicTitle {
        font-size: 12px;
    }
}

@media (700px < width <= 950px) {
    #controls img {
        width: 4vw;
    }
}