.mainbd {
    background-image: url(main.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    
}

.header {
color: rgb(226, 80, 80);
position: absolute;
right: 47%;
top: 8%;

/*-- Font --*/
font-size: 20px;
}


.main {
position: absolute;
width: 92%;
height: 75%;
margin:0 auto;
background-color: white;

position: absolute;
top: 15%;
right: 5%;

color: black;

}



/*-- Stolen code --*/
.btn-group button {
    background-color: #0476aa; /* Green background */
    border: 1px solid blue; /* Green border */
    color: white; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */

}

  /* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.btn-group button:not(:last-child) {
    border-right: none; /* Prevent double borders */
}

  /* Add a background color on hover */
.btn-group button:hover {
    background-color: #3e7b8e;
}

/*-- my code --*/

.about2 {
left: 2%;
position: absolute;
top: 5%;
font-size: larger;

}