body {
    background-image: url("images/realgrass.png");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    font-family: "Frutiger";
}
.flex1 {
    display: flex;
    justify-content: center;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 5px;
}

.div1 {
    width: 900px;
    border: solid rgb(125, 177, 255);
    border-width: 14px 14px 7px 14px;
    border-radius: 14px 14px 0px 0px;
    background-image: url("images/toptextbg.png");
    background-size: 100% 100%;
    background-position: center;
    margin: auto;
    margin-top: 200px;
    text-align: center;
    font-size: 40px;
    font-family: "FrutigerBold";
}
.div2 {
    width: 686px;
    height: 400px;
    border: solid rgb(125, 177, 255);
    border-width: 7px 7px 14px 14px;
    border-radius: 0px 0px 0px 14px;
    background-image: url("images/divbackground.png");
    background-size: 100% 100%;
    background-position: center;
    text-align: center;
    font-size: 20px; 
    overflow: auto;
}
.div3 {
    width: 200px;
    border: solid rgb(125, 177, 255);
    border-width: 7px 14px 14px 7px;
    border-radius: 0px 0px 14px 0px;
    background-image: url("images/divbackgroundPAGES.png");
    background-size: 100% 100%;
    background-position: center;
    text-align: center;
    text
}

@font-face {
    font-family: 'Frutiger';
    src: url("images/Frutiger.ttf");
}

@font-face {
    font-family: 'FrutigerBold';
    src: url("images/Frutiger_bold.ttf");
}