@font-face {
    font-family: kiwisoda;
    src: url('https://files.catbox.moe/3rounu.ttf');
}

@font-face {
    font-family: fairfax;
    src: url('https://files.catbox.moe/7pbusg.ttf');
}

.loadingScreen{
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 110vh;
    background-color: #4d60b4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
    font-family: fairfax;
    flex-direction: column;
}
.loadingScreen img{
    height: 9%;
}

html{
    background-image: url("https://files.catbox.moe/y96o0k.avif");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
    width: 100vw;
}

header{
    margin-top: -16px;
    height: 9rem;
    padding-top: 1%;
    margin-bottom: 2%;
}

header nav ul{
    display: flex;
    align-items: center;
    justify-content: center;
}

header nav ul li{
    list-style: none;
}

header nav ul li a{
    height: 6rem;
    background-size: contain;
    background-repeat: no-repeat;
    list-style: none;
    font-size: 0;
    display: flex;
    width: 17rem;
}

#back-btn{
    position: absolute;
    top: 2%;
    left: 2%;
    rotate: 356deg;
}

body{
    margin: 0;
    overflow-x: hidden;
}

header nav ul li:nth-child(1) a{
    background-image: url("https://files.catbox.moe/kz5ean.png");
}

header nav ul li:nth-child(2) a{
    background-image: url("https://files.catbox.moe/ezm4rn.png");
}

header nav ul li:nth-child(3) a{
    background-image: url("https://files.catbox.moe/aby77c.png");
}

header nav ul li:nth-child(4) a{
    background-image: url("https://files.catbox.moe/uwaojc.png");
}

header nav ul li:nth-child(5) a{
    background-image: url("https://files.catbox.moe/bxx2o2.png");
}

header nav ul li:nth-child(1) a:hover{
    background-image: url("https://files.catbox.moe/ymion8.png");
}

header nav ul li:nth-child(2) a:hover{
    background-image: url("https://files.catbox.moe/zufo53.png");
}

header nav ul li:nth-child(3) a:hover{
    background-image: url("https://files.catbox.moe/k4wjio.png");
}

header nav ul li:nth-child(4) a:hover{
    background-image: url("https://files.catbox.moe/l1bn5l.png");
}

header nav ul li:nth-child(5) a:hover{
    background-image: url("https://files.catbox.moe/29wiaw.png");
}


main img#sticker-njz{
    top: 11%;
    position: absolute;
    height: 13rem;
    left: 2%;
    rotate: 355deg;
}
main img#sticker-tokki{
    position: absolute;
    height: 18rem;
    top: 64%;
    right: 3%;
    rotate: 20deg;
}
main button#phone, button#camera{
    position: absolute;
    cursor: pointer;
    border: none;
    background-color: transparent;
    z-index: 1;
}
main button#phone{
    top: 50%;
    rotate: 354deg;
    left: 4%;
}
main button#phone img{
    filter: opacity(0.8);
}
.ringing {
    animation: phone-ringing 2s ease 0s 1 normal both;
}
@keyframes phone-ringing {
	0%,
	100% {
		transform: rotate(0deg);
	}
	10% {
		transform: rotate(2deg);
	}
	20%,
	40%,
	60% {
		transform: rotate(-4deg);
	}
	30%,
	50%,
	70% {
		transform: rotate(4deg);
	}
	80% {
		transform: rotate(-2deg);
	}
	90% {
		transform: rotate(2deg);
	}
}

main button#camera{
    right: 1%;
    rotate: 14deg;
    top: 14%;
    width: 21%;
}
main button#camera img{
    filter: opacity(0.9);
    height: 15rem;
}
.picture{
    animation: cheese 0.5s ease-in-out 0s 1 normal both;
}
@keyframes cheese {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(50px);
	}
    100% {
		transform: translateY(0);
	}
}

main div.njz{
    height: 44rem;
    display: flex;
    position: relative;
    z-index: 0;
}
main div.njz div{
    background-repeat: no-repeat;
    background-size: contain;
    width: 21rem;
    position: absolute;
    height: 100%;
    filter: drop-shadow(0px 3px 11px #120e493d);
}

main div.njz div.haerin{
    background-image: url("https://files.catbox.moe/jxglek.png");
    font-size: 0;
    left: 17.4%;
    z-index: 1;
    transition: transform 1.5s cubic-bezier(0.4, 0, 0.78, 1.01);
}


main div.njz div.hyein{
    background-image: url("https://files.catbox.moe/qyy961.png");
    font-size: 0;
    left: 29%;
    transition: transform 1.5s cubic-bezier(0.4, 0, 0.78, 1.01);
}


main div.njz div.minji{
    background-image: url("https://files.catbox.moe/uwszut.png");
    font-size: 0;
    right: 40%;
    z-index: 1;
    transition: transform 1.5s cubic-bezier(0.4, 0, 0.78, 1.01);
}

main div.njz div.danielle{
    background-image: url("https://files.catbox.moe/yp8ctc.png");
    font-size: 0;
    right: 31%;
    transition: transform 1.5s cubic-bezier(0.4, 0, 0.78, 1.01);
}

main div.njz div.hanni{
    background-image: url("https://files.catbox.moe/210dxs.png");
    font-size: 0;
    right: 17%;
    transition: transform 1.5s cubic-bezier(0.4, 0, 0.78, 1.01);
}

main ul#member-name {
    list-style: none;
    display: flex;
    justify-content: center;
    font-size: 3rem;
    color: rgb(6, 26, 66);
}

main ul#member-name li{
    font-family: kiwisoda;
    margin-right: 1%;
    font-weight: 800;
}

main section#discography{
    padding: 2% 0;
    margin: 11% 0;
    height: 66vw;
}
main section#discography div div img#kitty-sticker{
    position: absolute;
    top: 13rem;
    left: 27%;
    z-index: 3;
    height: 5rem;
    rotate: 7deg;
}


main section#discography div div img#ipod{
    position: absolute;
    height: 36rem;
    left: 15%;
    z-index: 1;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.459));
}

main section#discography div div div[id^=ipod-] > div:first-child{
    width: 18.5rem;
    background: white;
    position: absolute;
    left: 16%;
    top: 2rem;
    height: 13.1rem;
    z-index: 2;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    border-radius: 0 0 3px 3px;
    overflow-y: scroll;
}
main section#discography div div div[id^=ipod-song] div::-webkit-scrollbar {
    display: none;
}
main section#discography div div div[id^=ipod-songs-] div ul{
    padding: 0;
    margin: 0;
}
main section#discography div div div[id^=ipod-songs-] div ul li{
    list-style: none;
    padding: 1% 2% 4% 2%;
    cursor: pointer;
}
main section#discography div div div[id^=ipod-songs-] div ul li:hover{
    background: #347BB6;
    background: -webkit-linear-gradient(360deg, rgba(52, 123, 182, 1) 0%, rgba(60, 183, 254, 1) 100%);
    background: -moz-linear-gradient(360deg, rgba(52, 123, 182, 1) 0%, rgba(60, 183, 254, 1) 100%);
    background: linear-gradient(360deg, rgba(52, 123, 182, 1) 0%, rgba(60, 183, 254, 1) 100%);
    color: white;
}
main section#discography div div div[id^=ipod-songs-] div ul li:hover h3{
    color: white;
    font-weight: 500;
}
main section#discography div div div[id^=ipod-songs-] div ul li button{
    text-decoration: none;
    color: black;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    height: 3rem;
    width: 16rem;
}
main section#discography div div div#ipod-songs-albums div ul li{
    padding: 0;
    height: 4rem;
}
main section#discography div div div#ipod-songs-albums div ul li button{
    display: flex;
    padding: 0;
}
main section#discography div div div#ipod-songs-albums div ul li button div{
    margin-top: 4%;
}
main section#discography div div div#ipod-songs-albums div ul li button img{
    height: 4rem;
    margin-right: 2%;
}
main section#discography div div div[id^=ipod-songs-] div ul li:hover button{
    text-decoration: none;
    color: white;
}
main section#discography div div div[id^=ipod-songs-] div ul li:active button{
    text-decoration: none;
    color: white;
}
main section#discography div div div[id^=ipod-songs-] div ul li button h2, h3{
    margin: 0;
}
main section#discography div div div[id^=ipod-songs-] div ul li button h2{
    font-size: 1vw;
    font-weight: 700;
}
main section#discography div div div[id^=ipod-songs-] div ul li button h3{
    color: darkgray;
    font-size: 0.8vw;
}
main section#discography div div div[id^=ipod-song] button.menu-btn{
    position: absolute;
    top: 18rem;
    width: 6rem;
    left: 21%;
    height: 5rem;
    z-index: 4;
    border: none;
    background: transparent;
}
main section#discography div div div[id^=ipod-song] button.menu-btn:hover{
    cursor: pointer;
}
main section#discography div div div#ipod-song-display div div#song-info{
    display: flex;
    justify-content: center;
    top: 0;
    left: 0;
    margin-top: 11%;
}
main section#discography div div div#ipod-song-display div div#song-info div{
    margin: 6% 7% 0 0;
}
    
main section#discography div div div#ipod-song-display div div#song-info div h2{
    margin: 0;
    font-size: 1vw;
}
main section#discography div div div#ipod-song-display div div#song-info div h3{
    font-size: 1vw;
    color: darkgray;
}
main section#discography div div div#ipod-song-display div div#song-info img{
    height: 12rem;
    transform: skew(0deg, 346deg);
    margin-right: 5%;
}
#status{
    position: absolute;
    top: 3px;
    left: 16.1%;
    z-index: 1;
    font-size: 0.7vw;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
main section#discography div div#papelito{
    position: absolute;
    height: 10rem;
    width: 10rem;
    top: 25%;
    rotate: 7deg;
    left: 5%;
    background-image: url(https://files.catbox.moe/4mie47.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3%;
    font-family: "Reenie Beanie", cursive;
    color: #061a42;
    font-weight: 900;
    font-size: 1.1vw;
}
main section#discography div div#papelito p:nth-child(2){
    rotate: 354deg;
    margin-top: 17%;
}
main section#discography div img#hanni-sticker{
    position: absolute;
    height: 31rem;
    top: -8rem;
    right: 7%;
}
main section#discography div img#photocards{
    position: absolute;
    right: 29%;
    z-index: 1;
    top: 15rem;
    rotate: 14deg;
    height: 29rem;
}
main section#discography div img#earphones{
    position: relative;
    rotate: 46deg;
    transform: scaleY(-1);
    left: 37%;
    top: -24rem;
    z-index: -1;
    height: 101rem;
}

main section#discography div img#cd1{
    position: absolute;
    left: -9%;
    height: 31rem;
    top: -21%;
    animation: cd-spin 15s linear 0s infinite normal forwards;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.473));
    z-index: -1;
}
main section#discography div img#cd2{
    position: absolute;
    right: -16%;
    top: 27%;
    animation: cd-spin 15s linear 0s infinite normal forwards;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.473));
    z-index: -1;
    height: 40rem;
}
main section#discography div img#cd3{
    position: absolute;
    left: -19%;
    top: 31%;
    animation: cd-spin 15s linear 0s infinite normal forwards;
    z-index: -1;
    height: 44rem;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.473));
}

@keyframes cd-spin {
	0% {
		transform: rotate(0deg);
	}
    100% {
		transform: rotate(360deg);
	}
}

main section#discography ul.albums{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
}
main section#discography ul.albums li{
    list-style: none;
}
main section#discography ul.albums li a{
    height: 12rem;
    background-size: contain;
    background-repeat: no-repeat;
    list-style: none;
    font-size: 0;
    display: flex;
    width: 13rem;
}
main section#discography ul li.albums a:hover{
    cursor: pointer;
}
main ul.albums li a#bluebook-album:hover{
    rotate: 351deg;
}
main ul.albums li a#omg-album:hover{
    rotate: 345deg;
}
main ul.albums li a#getUp-album:hover{
        rotate: 10deg;
}
main ul.albums li a#howSweet-album:hover{
        rotate: 14deg;
}
main ul.albums li a#supernatural-album:hover{
    rotate: 348deg;
}

main section#discography ul.albums li a#bluebook-album{
    background-image: url("https://files.catbox.moe/logkhb.png");
}
main section#discography ul.albums li a#omg-album{
    background-image: url("https://files.catbox.moe/a5doaa.png");
}
main section#discography ul.albums li a#getUp-album{
    background-image: url("https://files.catbox.moe/yptq3j.png");
}
main section#discography ul.albums li a#howSweet-album{
    background-image: url("https://files.catbox.moe/wb5612.png");
}
main section#discography ul.albums li a#supernatural-album{
    background-image: url("https://files.catbox.moe/s7jhn7.png");
}

.display-none{
    display: none;
}

.audio-container {
    position: relative;
    margin-top: -48px;
    left: 4%;
}

.controls {
    display: flex;
    align-items: center;
}

.progress-container {
    height: 7px;
    margin: 0;
    width: 80%;
    border-radius: 9px;
    background-color: #120e493d;
}

.progress-bar,
input[type="range"] {
    width: 100%;
    height: 100%;

}

.progress-bar {
    background: #347BB6;
    background: -webkit-linear-gradient(360deg, rgba(52, 123, 182, 1) 0%, rgba(60, 183, 254, 1) 100%);
    background: -moz-linear-gradient(360deg, rgba(52, 123, 182, 1) 0%, rgba(60, 183, 254, 1) 100%);
    background: linear-gradient(360deg, rgba(52, 123, 182, 1) 0%, rgba(60, 183, 254, 1) 100%);
    border-radius: 9px;
}

.controls button {
    padding: 8px 12px;
    font-size: 16px;
    cursor: pointer;
}

#snippet-duration{
    font-size: 0.7vw;
    margin-right: 3%;
}

#playPauseBtn{
    position: absolute;
    top: 24rem;
    left: 22%;
    z-index: 3;
    height: 4rem;
    width: 4rem;
    font-size: 0;
    border: none;
    background: transparent;
}
#playPauseBtn:hover{
    cursor: pointer;
}
section#njztv{
    margin-bottom: 5%;
}

section#njztv picture{
    display: flex;
    justify-content: center;
    margin-bottom: 8%;
}
section#njztv img#njztv-title{
height: 12rem;
}
section#njztv div{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
section#njztv div > div{
    display: flex;
    flex-direction: column;
}
section#njztv div div button{
    background-color: transparent;
    border: none;
}
section#njztv div div button:hover{
    cursor: pointer;
}
section#njztv div div button:first-child{
    rotate: 349deg;
    margin-bottom: 13%;
}
section#njztv div div button:first-child:hover{
    rotate: 7deg;
}
section#njztv div div button:last-child{
    rotate: 4deg;
}
section#njztv div div button:last-child:hover{
    rotate: 352deg;
}
section#njztv div div img.tv{
    position: relative;
    z-index: 1;
}
section#njztv div div div#vidWrapper{
    position: absolute;
    right: 10%;
    top: 7%;
    height: 27rem;
    width: 35rem;
    margin-top: 0%;
    z-index: 0;
    overflow: hidden;
}
section#njztv div div video#vidSource{
    background-image: url('https://files.catbox.moe/qoa4mm.gif');
    height: 100%;
    width: 100%;
}
section#njztv div button#off{
    position: absolute;
    right: 15%;
    bottom: 7%;
    height: 3rem;
    width: 4rem;
    z-index: 1;
    background: transparent;
    border: none;
}
section#njztv div button#off:hover{
    cursor: pointer;
}

section#me{
    display: flex;
    margin-bottom: 5%;
    overflow: hidden;
    padding: 7% 0;
}
section#me div:first-child{
    position: relative;
    background-image: url(https://files.catbox.moe/qwkqvs.avif);
    width: 40%;
    padding: 6% 1% 1% 6%;
    background-repeat: no-repeat;
    font-family: "Reenie Beanie", cursive;
    color: #061a42;
    font-weight: 600;
    font-size: 1.5vw;
    background-position: top;
    background-size: cover;
    margin-left: 5%;
    rotate: 356deg;
}
section#me div:first-child h1{
    font-family: fairfax;
}
section#me div:first-child img[id^=sticker-]{
    position: absolute;
        height: 25rem;
}
section#me div:first-child img#sticker-hyein{
    top: 0;
    transform: scaleX(-1);
    right: -22%;
    rotate: 330deg;
}
section#me div:first-child img#sticker-danielle{
    top: 29%;
    transform: scaleX(-1);
    left: -18%;
    rotate: 13deg;
}
section#me div:first-child img#sticker-hanni{
    top: -9%;
    transform: scaleX(-1);
    left: -9%;
    rotate: 16deg;
}
section#me div:first-child img#sticker-haerin{
    top: 55%;
    transform: scaleX(-1);
    right: -18%;
    height: 21rem;
    rotate: 350deg;
}
section#me div:first-child img#sticker-minji{
    bottom: -7%;
    left: -17%;
}

section#me div:last-child{
    position: relative;
    width: 40%;
}
section#me div:first-child p{
    z-index: 1;
    position: relative;
}
section#me div:last-child img#lightstick{
    position: absolute;
    right: -3%;
    rotate: 17deg;
    height: 54rem;
    bottom: 1%;
}
section#me div:last-child img#my-id{
    position: absolute;
    top: 21%;
    rotate: 348deg;
    height: 23rem;
    left: 2%;
}
section#me div:last-child img#ador-keys{
    position: absolute;
    rotate: 310deg;
    right: 0%;
}

.njz-never-die{
    margin: auto;
    font-family: kiwisoda;
    color: #061a42;
    font-size: 3vw;
    margin-bottom: 3%;
}

/*responsive stufff*/
@media (max-width: 1750px) {
    main section#discography div img#photocards {
    right: 26%;
    top: 14rem;
    height: 27rem;
    }
    main section#discography div div div[id^=ipod-] > div:first-child {
        left: 16.1%;
    }
    main section#discography div div div[id^=ipod-song] button.menu-btn{
        left: 22%;
    }
    #playPauseBtn{
        left: 23%;
    }
    section#njztv div button#off {
        right: 14%;
    }
    #status{
        top: 6px;
    }
    section#me div:last-child img#lightstick{
        height: 51rem;
    }
    section#me div:last-child img#my-id{
        height: 20rem;
    }
    section#me div:first-child img[id^=sticker-]{
        height: 22rem;
    }
    section#me div:first-child img#sticker-haerin{
        height: 19rem;
    }
    main section#discography div img#cd2{
        height: 38%;
    }
    main section#discography div img#cd3{
        height: 39rem;
    }
}

@media (max-width: 1620px){
    main img#sticker-njz{
        height: 11rem;
    }
    main button#camera img{
        height: 12rem;
    }
    main div.njz div.haerin{
        left: 13.4%;
    }
    main div.njz div.hyein{
        left: 25%;
    }
    main div.njz div.danielle{
        right: 30%;
    }
    main div.njz div.hanni{
        right: 14%;
    }
    main button#phone img{
        height: 31rem;
    }
    main section#discography div img#hanni-sticker{
        height: 29rem;
        top: -2rem;
    }
    main section#discography div img#photocards{
        height: 25rem;
    }
    #playPauseBtn{
        left: 23.4%;
        top: 23.6rem;
    }
    main section#discography div div div[id^=ipod-song] button.menu-btn{
        left: 22.5%;
        top: 19rem;
    }
    section#njztv div button#off{
        right: 11.6%;
        bottom: 6.5%;
    }
    section#njztv picture{
        margin-bottom: 5%;
    }
    main section#discography{
        margin: 12% 0;
    }
    section#me div:last-child img#ador-keys{
        height: 22rem;
    }
    section#me div:last-child img#my-id{
        height: 17rem;
    }
    section#me div:last-child img#lightstick{
        height: 48rem;
    }
    section#me div:first-child img[id^=sticker-]{
        height: 21rem;
    }
    #status{
        top: 8px;
        left: 16.4%;
    }
    main section#discography ul.albums li a{
        height: 10rem;
        width: 11rem;
    }
}

@media (max-width: 1450px){
    main section#discography div img#photocards{
        height: 22rem;
        right: 24%;
        top: 12rem;
    }
    main section#discography div div#papelito{
        font-size: 1.4vw;
    }
    main section#discography div div div[id^=ipod-] > div:first-child{
        left: 16.4%;
    }
    main section#discography div div div[id^=ipod-songs-] div ul li button h2{
        font-size: 1.2vw;
    }
    main section#discography div div div[id^=ipod-songs-] div ul li button h3{
        font-size: 1vw;
    }
    main section#discography div div#papelito{
        font-size: 1.4vw;
    }
    main section#discography div div div#ipod-song-display div div#song-info img{
        height: 11rem;
        margin-right: 6%;
    }
    main section#discography div div div#ipod-song-display div div#song-info div h2{
        font-size: 1.3vw;
    }
    .audio-container{
        margin-top: -27px;
    }
    section#njztv{
        margin-top: 29%;
    }
    section#njztv div button#off{
        right: 9%;
    }
    section#me div:first-child{
        font-size: 1.8vw;
        width: 45%;
    }
    section#me div:last-child img#lightstick{
        right: 7%;
    }
    section#me div:last-child img#ador-keys{
        right: 8%;
    }
    section#me div:last-child img#my-id{
        top: 24%;
    }
    section#me div:first-child img[id^=sticker-]{
        height: 18rem;
    }
    section#me div:first-child img#sticker-hanni{
        top: -6%;
    }
    section#me div:first-child img#sticker-hyein{
        right: -14%;
    }
    section#me div:first-child img#sticker-danielle{
        left: -14%;
    }
    section#me div:first-child img#sticker-haerin{
        top: 57%;
        right: -18%;
    }
    section#me div:first-child img#sticker-minji{
        bottom: -5%;
        left: -15%;
    }
    header nav ul li a{
        width: 15rem;
    }
    main div.njz div.haerin{
        left: 9.4%;
    }
    main div.njz div.hyein{
        left: 22%;
    }
    main div.njz div.danielle{
        right: 29%;
    }
    main div.njz div.hanni{
        right: 12%;
    }
    main button#phone img{
        height: 28rem;
    }
    main button#phone{
        top: 59%;
    }
    main button#camera img{
        height: 10rem;
    }
    main img#sticker-njz{
        height: 9rem;
    }
    main img#sticker-tokki{
        height: 16rem;
        top: 72%;
        right: 2%;
    }
    main section#discography div img#hanni-sticker{
        height: 28rem;
        top: -4rem;
        rotate: -4deg;
    }
}

@media (max-width: 1240px){
    header{
            height: 11rem;
    }
    header nav ul li a{
        width: 14rem;
    }
    main div.njz{
        height: 40rem;
    }
    main div.njz div{
        width: 19rem;
    }
    main div.njz div.hanni{
        right: 10%;
    }
    main div.njz div.danielle{
        right: 28%;
    }
    main div.njz div.hyein{
        left: 20%;
    }
    main div.njz div.haerin{
        left: 7.4%;
    }
    main button#phone{
        top: 63%;
    }
    main button#phone img{
        height: 23rem;
    }
    main img#sticker-tokki{
        height: 14rem;
        top: 71%;
        right: 4%;
    }
    main img#sticker-njz{
        height: 8rem;
    }
    main button#camera img{
        height: 9rem;
    }
    main section#discography div img#cd1{
        left: -17%;
    }
    main section#discography div img#hanni-sticker{
        height: 23rem;
        top: -2rem;
    }
    main section#discography div img#photocards{
        height: 18rem;
        right: 25%;
        top: 18rem;
    }
    main section#discography div img#cd2{
        right: -24%;
        top: 20%;
        height: 35%;
    }
    main section#discography div img#cd3{
        height: 29rem;
        left: -18%;
        top: 42%;
    }
    section#njztv{
        margin-top: 34%;
    }
    section#njztv div div img.tv{
        height: 37rem;
    }
    #njztv > div > div:nth-child(1) > button > img{
        height: 14rem;
    }
    section#njztv div button#off{
        right: 10.7%;
        bottom: 5.5%;
    }
    section#njztv div div div#vidWrapper{
        height: 22rem;
        width: 29.2rem;
    }
    #status{
        top: 12px;
        left: 7.6%;
    }
    main section#discography div div div[id^=ipod-] > div:first-child{
        left: 7.5%;
    }
    main section#discography div div div[id^=ipod-songs-] div ul li button h2{
        font-size: 1.4vw;
    }
    main section#discography div div div[id^=ipod-songs-] div ul li button h3{
        font-size: 1.1vw;
    }
    main section#discography div div div#ipod-song-display div div#song-info div h2{
        font-size: 1.6vw;
    }
    main section#discography div div div#ipod-song-display div div#song-info div h3{
        font-size: 1.3vw;
    }
    main section#discography div div img#ipod{
        left: 6%;
    }
    #playPauseBtn{
        left: 19.9%;
    }
    main section#discography div div div[id^=ipod-song] button.menu-btn{
        left: 18.5%;
    }
    .audio-container {
        margin-top: -25px;
    }
    main section#discography div div div#ipod-song-display div div#song-info {
        margin-top: 16%;
    }
    main section#discography div div#papelito{
        height: 8rem;
        width: 8rem;
        top: 28%;
    }
    section#me div:first-child img[id^=sticker-] {
        height: 16rem;
    }
    section#me div:first-child img#sticker-haerin {
        height: 14rem;
    }
    section#me div:first-child img#sticker-hanni {
        top: -8%;
    }
        section#me div:last-child img#lightstick {
        height: 42rem;
    }
    section#me div:last-child img#my-id {
        height: 15rem;
    }
    section#me div:last-child img#ador-keys {
        height: 17rem;
    }
}

@media (max-width: 1360px){
    #njztv > div > div:nth-child(1) > button > img{
        height: 16rem;
    }
}