body {
    background-color: #f2f2f2;
}

.bgimg {
    background-position: center;
    background-size: cover;
    background-image: url("Screenshot%202021-01-16%20at%2019.06.16.png");
    min-height: 35%;
}

h1 {
    text-align: top;
    font-family: "Roboto", sans-serif;
    padding-left: 12px;
    padding-top: 12px;
    line-height: 50%;
    font-size: 40px;
}

h2 {
    text-align: top;
    font-family: "Roboto", sans-serif;
    padding-left: 12px;
    padding-top: 12px;
    line-height: 50%;
}

p {
    text-align: top;
    font-family: "Roboto", sans-serif;
    padding-left: 15px;
    padding-right: 17px;
    line-height: 150%;
    color: darkslategray;
}

.button {
    background-color: #4CAF50;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 16px;
}

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


.element {
    border: 3px grey solid;
    border-radius: 10px 50px;
    padding: 3px;
}

footer p {
    color: white;
}


li a {
    display: block;
    color: white;
   /* text-align: left;*/
    padding: 14px 16px;
    text-decoration: none;
    cursor: pointer;
    transition-duration: 0.4s;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.iframe {
    border-color:#f2f2f2
}