body {
    background-color: #2A2F33;
    color: azure;
}

h1 {
    text-align: center;
}

h2 {
    text-align: center;
}

h3 {
    text-align: center;
}

p {
    text-align: center;
}

hr {
    background-color: #404040;
}

img {
    max-width: 240px;
    max-height: 135px;
}

button {
    background-color: rgb(0, 180, 214);
    border: solid 1px white;
    width: auto;
    height: 40px;
    color: white;
    float: left;
    margin-right: 5%;
}

.container {
    padding-bottom: 45px;
}

.D-Btn {
    background-color: rgb(0, 180, 214);
}

.R-Btn {
    background-color: rgb(255, 0, 0);
}

button:hover {
    background-color: white;
    color: black;
}

button:active {
    background-color: gray;
    color: white;
}

.blog {
    background-color: #404040;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.blog p {
    text-align: left;
    text-indent: 2%;
}


.questionnaire {
    background-color: #404040;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
}

.question {
    float: right;
    background-color: #404040;
    width: 100%;
}

.btn-div {
    margin-left: 43%;
}

#final-p {
    float: right;
    background-color: #404040;
}