* {

    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    background-color: rgb(3, 28, 36);
    color: MediumSeaGreen;
    overflow-x: hidden;
}

html {

    scroll-behavior: smooth;
}

#head .heading {
    align-items: center;
    display: flex;
    justify-content: center;
}


button.mainpagebutton {
    background-color: #04AA6D;
    border: none;
    color: white;
    padding: 10px 9px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 20px;
    margin: 20px;
}

.mainpagebutton:hover {
    background-color: #048a59;
    /* Green */
}

div.buttons {

    display: flex;
    align-items: center;
    margin-top: 230px;
    margin-right: -12px;
}

h3 {
    margin: 0px;
}

img.img-fluid {
    height: 200px;
    width: 200px;
    margin: 12px;
}


img#pic2 {
    height: 200px;
    width: 300px;
    margin-left: 0px;
}

img#pic3 {
    margin-left: 50px;

}

img#pic1 {
    margin-left: 80px;

}

div.images {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

div#comparebuttons {
    align-items: center;
    margin-right: 0%;
    padding-right: 0%;
}

ul.dropdown-menu {
    background-color: rgb(126, 178, 150);
}

.section1 {
    margin-top: 100px;
}

.credits {
    margin-top: 50px;
    margin-left: 50px;
    align-items: center;
}

.dropdown-menu.show li a {

    padding-right: 109px;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {

    margin-left: 32px;
}