body {
    background-image: url('resources/cloudbg.png');
    margin-top: -10px;
}

.parallax-bg {
    background-image: url('resources/cloudbg.png');
    background-repeat: repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* chatgpt made dis*/
  }

.building {
    height: 400px;
    width: auto;
    margin-top: -5px;
    margin-left: -10px;
}

.door {
    height: 150px;
    position: absolute;
    filter: drop-shadow(-5px 5px 1px black);
}

.door:hover {
    content: url('resources/doors/dooropen.png');
    filter: drop-shadow(-px 5 1px black);
    transform: translateY(5px);
    transform: translateX(-15px)
}

.lowdoor {
    transform: translateY(200px);
}

.lowdoor:hover {
    transform: translateY(205px);
}

.doorpos1 { left: 10px; }
.doorpos2 { left: 36.67px; }
.doorpos3 { left: 63.33px; }
.doorpos4 { left: 90px; }
.doorpos5 { left: 116.67px; }
.doorpos6 { left: 143.33px; }
.doorpos7 { left: 170px; }
.doorpos8 { left: 196.67px; }
.doorpos9 { left: 223.33px; }
.doorpos10 { left: 250px; }

.linkicon {
    height: 75px;
    width: auto;
    position: absolute;
    filter: drop-shadow(0 0 0px black) ;
}

.topicon {
    left: 450px;
    transform: translateY(50px);
}

.lowicon {
    left: 450px;
    transform: translateY(250px);
}