/* Removes padding around edges of the site. Sets page color for all empty elements */
body {
    margin: 0;

    background-color: rgb(214, 213, 213);
    background-image: url(Assets/Elements/plant.jpg);
}


/* BODY */
.content {
    -ms-flex: 28%;
    flex: 28%;
    background-color: #dcdada;
    background-image: linear-gradient(to bottom right, #dcdada, #999898);
    box-shadow: 2px 2px grey;
}

.selection {
    -ms-flex: 2%;
    flex: 2%;
    background-color: #b9b8b8;
    background-image: linear-gradient(to bottom right, #b9b8b8, #acb19c);
    box-shadow: 2px 2px grey;
}

.selectionTitle {
    font-size: 20px;
    
    padding-top: 10px;
    padding-left: 7px;
}

.contentTitle {
    font-size: 22px;

    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 10px;
}

.vlogContent {
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;

    padding-left: 10px;
}

.imgContainer {
    display: wrap;
    padding: 10px;
    padding-top: 25px;

    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.img {
    padding: 10px;

    border-color: #55a9aa;
    border-style: outset;
    background-color: #aaa;
}

.imgButton {
    text-align: right;
}

.toast {
    -ms-flex: content;
    flex: content;

    padding-bottom: 15px;
    
    background-color: grey;
    background-image: linear-gradient(to bottom right, #a7a6a6, #888484);
    box-shadow: 2px 2px grey;
}

.toastContainer {
    text-align: center;
    padding-top: 20px;
}







/* FOOTER */
/* feeter */
.footer {
    position: fixed;
    width: 100%;
    bottom: 0px;

    text-align: left;
    padding-left: 180px;

    background-color: antiquewhite;
}