html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0px;
    background-color: #71978f;
}

img, svg {
    position: absolute;
}

#loadingContainer {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#backdropInfill {
    width: 100%;
    height: 100%;
    x: 0;
    y: 0;
    fill: #71978f;
}

#bulletinBoard {
    width: 100%;
    left: 0%;
    top: 0%;
}

#backToTedsRoomPostIt {
    width: 8.1%;
    left: 7.167%;
    top: 12.55%;
}

#iAmTedNotecard {
    width: 13.83%;
    left: 17.82%;
    top: 10.07%;
}

#magnadoodle {
    width: 29.23%;
    left: 34.63%;
    top: 10.78%;
}

#clipboard {
    width: 18.85%;
    left: 7.783%;
    top: 23.05%;
}

#programsAndCodeExcerpt {
    width: 22.5%;
    left: 68.28%;
    top: 14.16%;
}

#artsNCraftsExcerpt {
    width: 22.35%;
    left: 33.52%;
    top: 41.07%;
}

#contactMeExcerpt {
    width: 22.83%;
    left: 64.98%;
    top: 42.07%;
}

#buildsExcerpt {
    width: 23.18%;
    left: 9.883%;
    top: 60.2%;
}

#aboutMeExcerpt {
    width: 23.22%;
    left: 53.98%;
    top: 64.89%;
}

#programsAndCodePostIt {
    width: 8.383%;
    left: 70.65%;
    top: 10.07%;
}

#artsNCraftsPostIt {
    width: 9.767%;
    left: 27.73%;
    top: 39.18%;
}

#contactMePostIt {
    width: 8.35%;
    left: 62.7%;
    top: 35.64%;
}

#buildsPostIt {
    width: 8.817%;
    left: 22.37%;
    top: 54.73%;
}

#aboutMePostIt {
    width: 8.483%;
    left: 45.25%;
    top: 68.93%;
}
