main .notepad .poll-option {
    height: 80px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
main .notepad .poll-option .poll-option-info,
main .notepad .poll-option .progress {
    height: 40px;
}
main .notepad .poll-option .poll-option-info {
    padding-left: 10%;
    border-bottom: 1px solid #b1b874;
}
main .notepad .poll-option .poll-option-info .poll-option-text {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: calc(100% - 105px);
}
main .notepad .poll-option .poll-option-info .poll-option-votes,
main .notepad .poll-option .progress .poll-bar-text {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 105px;
    line-height: 40px;
    font-size: 1.5em;
    text-align: right;
}
main .notepad .poll-option .poll-option-info .poll-option-votes::after {
    content: "Votes";
    margin-left: 5px;
    padding-right: 10px;
}
main .notepad .poll-option .progress {
    width: 90%;
    padding-left: 10%;
}
main .notepad .poll-option .progress .poll-bar {
    vertical-align: top;
    display: inline-block;
    height: 100%;
    width: calc(100% - 70px);
}
main .notepad .poll-option .progress .poll-bar .poll-bar-fill {
    height: calc(100% - 5px);
    margin-top: 2px;
    background-color: #cf2828;
    transition: width .3s;
}
main .notepad .poll-option .progress .poll-bar-text {
    width: 70px;
}
main .notepad .poll-option .progress .poll-bar-text::after {
    content: "%";
    margin-left: 5px;
    padding-right: 10px;
}

aside#chart {
    position: absolute;
    top: 0px;
    right: -200px;
    width: 200px;
    height: 200px;
    visibility: hidden;
}

aside#qrcode {
    position: absolute;
    top: 210px;
    right: -210px;
    width: 200px;
    height: 200px;
}

@media screen and (max-width: 750px) {
    aside#chart {
        visibility: hidden !important;
    }
    aside#qrcode {
        visibility: hidden !important;
    }
}