body{
    background-image: url("../images/Collage1.jpeg"),
                      url("../images/Collage2.jpeg"), 
                      url("../images/Collage3.jpeg"), 
                      url("../images/Collage4.jpeg");
    background-color: white;
    background-position: top left, top right, bottom left, bottom right;
    background-repeat: no-repeat;
    background-size: 50%, 50%, 50%, 50%;
}

#notices {
    margin-left: 35%;
    margin-right: 35%;
    margin-top: 10px; 
    margin-bottom: 10px;
    width: 30%;       
    background-color: white;
    border: 2px solid black;
    position: relative;
    text-align: center;
}

#scoutLogo {
    width: 100%;
    height: auto;
}

#button {
    position: fixed;
    bottom: 10%;
    right: 5%;    
}
button {
    text-align: center;
    font-size: 200%;
    padding: 5%;
}

#button_admin {
    position: fixed;
    top: 1%;
    right: 1%;
}
button_admin{
    text-align: center;
    font-size: 5%;
    padding: 1%;
}