askpatrons/static/css/app.css

.app-container {
    display: flex;
    flex-direction: row;
}

#poll-container {
    padding:50px;
    height: 100vh;
    display: flex;
    flex: 3;
    overflow-y: auto;
    flex-wrap: wrap;
}

#form-container {
    padding:50px;
    height: 100vh;
    display: block;
    background-color: #232628;
    color:#fff;
    flex: 1;
    overflow-y: auto;
}

.poll-question {
    color: #000000;
    font-size: 2.5em;
    font-weight: 600;
    padding-bottom:30px;
}

.questions {
    display: block;
}

.poll-item {
    margin-bottom:50px;
    border-bottom:4px solid #dadada;
    padding-bottom:50px;
}

.button_yes {
    display: inline-block;
    background-color: white;
    color: #4CAF50;
    border: 4px solid #4CAF50;
    padding:20px;
    font-size: 2em;
    min-width:200px;
    text-align: center;
    border-radius:15px;
    text-decoration: none;
    margin-left: 50px;
    margin-right: 50px;
}

.button_yes_answered {
    display: inline-block;
    background-color: #4CAF50;
    color: white;
    border: 4px solid #4CAF50;
    padding:20px;
    font-size: 2em;
    min-width:200px;
    border-radius:15px;
    text-decoration: none;
    margin-left: 50px;
    margin-right: 50px;
}

.button_no {
    display: inline-block;
    background-color: white;
    color: #af4c4c;
    border: 4px solid #af4c4c;
    padding:20px;
    font-size: 2em;
    min-width:200px;
    text-align: center;
    border-radius:15px;
    text-decoration: none;
    margin-left: 50px;
    margin-right: 50px;
}

.button_no_answered {
    display: inline-block;
    background-color: #af4c4c;
    color: white;
    border: 4px solid #af4c4c;
    padding:20px;
    font-size: 2em;
    min-width:200px;
    border-radius:15px;
    text-decoration: none;
    margin-left: 50px;
    margin-right: 50px;
}

.form-block {
    display: block;
}

form {
    font-size:1.5em;
}

input {
    font-size:1.1em !important;
}

select {
    font-size:1.1em !important;
}

button {
    margin-top:25px;
    font-size:1.5em !important;
}