body {
    margin: 0;
    padding: 0;
    background-color: #EDEDED;
    text-align: center;
}

/* welcome page header*/
#welcome h3 {
    text-align: center;
    font-size: 60pt;
    color: #519DD9;
    font-family: heading;
}

h1 {
    text-align: center;
    color: #DB0038;
    font-family: heading;
}

#back-to-main {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 15pt;
    font-family: heading;
    border-radius: 10px;
    background-color: white;
    color: #53BAC1;
}

/* welcome page buttons */
#welcome button {
    font-family: heading;
    color: #F7C200;
    margin: 20px;
    padding: 10px;
    font-size: 20pt;
    background-color: white;
    border-radius: 10px;
}

#welcome button:hover {
    cursor: pointer;
}

/* welcom page image*/
#welcome img {
    border: none;
    width: 25%;
    position: absolute;
    left: 15px;
    display: none;
}

button:hover {
    cursor: pointer;
}













/* image styling for larger screens*/
@media screen and ( min-width: 1024px) {
    #welcome img {
        display: block;
        bottom: 0px;
    }
}



@font-face {
    font-family: heading;
    src: url(../Lab_3/fonts/SfAtarianSystemExtended-7jDV.ttf);
}

@font-face {
    font-family: body-bold;
    src: url(../Lab_3/fonts/SfAtarianSystem-d5LR.ttf);
}

@font-face {
    font-family: "body";
    src: url(../Lab_3/fonts/SfAtarianSystemBold-w3rz.ttf);
}