body{background-color: black;}

@font-face{font-family: 'Sex'; src: url('./sexballs.woff2') format('woff2');}

@font-face{font-family: 'Bals'; src: url('./ballssex.woff2') format('woff2');}

#fuck{position: absolute; left: 8vh; top: 2vh; font-family: "Sex"; font-weight: 300; font-size: 5vh; color: white;}

#well{position: absolute; left: 8vh; top: 12vh; font-family: "Sex"; font-weight: 300; font-size: 1.8vh; color: white;}

#shalt{display: none;}

#stopsu{display: none;}

#phone{display: none;}

#popup_button{position: absolute; left: 122vh; top: 7.5vh; width: 25vw; height: 15vh; border: 1px solid aqua; border-radius: 2vh; background-color: rgb(66, 66, 66);
transition: all 0.3s; cursor: pointer;}

#popup_button:hover{background-color: rgb(102, 102, 102);}

#what{position: absolute; left: 5%; top: 5%; font-family: "Sex"; font-weight: 300; font-size: 2.75vh;}

#reddot{position: absolute; left: 10%; top: 40%; height: 65%; width: auto;}

#yellowdot{position: absolute; left: 33%; top: 49%; height: 45%; width: auto;}

#greendot{position: absolute; left: 50%; top: 39%; height: 66%; width: auto;}

#bluedot{position: absolute; left: 70%; top: 39%; height: 66%; width: auto;}

#popup_toggle:checked~#popup_overlay{display: block;}

#popup_toggle:checked~#popup_overlay~#dotpopup{display: block;}

#popup_overlay{display: none; position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1;}

#dotpopup{display: none; position: fixed; left: 62vh; top: 20vh; width: 72vh; height: 63vh; background-color: grey; z-index: 2; border-radius: 1.5vh;}

#redexp{position: absolute; left: 3%; top: 4%; height: 15.48%; width: auto;}

#redtext{position: absolute; left: 17%; top: 6.5%; font-family: "Sex"; font-weight: 300; font-size: 2.9vh;}

#yellowexp{position: absolute; left: 5%; top: 24%; height: 10.71%; width: auto;}

#yellowtext{position: absolute; left: 17%; top: 21%; font-family: "Sex"; font-weight: 300; font-size: 2.9vh; margin-right: .8vh;}

#greenexp{position: absolute; left: 3%; top: 39%; height: 15.71%; width: auto;}

#greentext{position: absolute; left: 17%; top: 41%; font-family: "Sex"; font-weight: 300; font-size: 2.9vh;}

#blueexp{position: absolute; left: 3%; top: 56%; height: 15.71%; width: auto;}

#bluetext{position: absolute; left: 17%; top: 55.8%; font-family: "Sex"; font-weight: 300; font-size: 2.8vh;}

#questionbox{position: absolute; left: 6.2%; top: 76%; height: 8.57%; width: 7.64%; background-color: rgb(199, 199, 199); border-radius: 1vh;}

#questionbox img{position: absolute; left: 10%; top: 11%; height: 75%; width: auto;}

#questiontext{position: absolute; left: 17%; top: 72%; font-family: "Sex"; font-weight: 300; font-size: 2.8vh;}

#popup_close{position: absolute; left: 10.5%; top: 89%; height: 9%; width: 80%; background-color: rgb(75, 75, 75); border-radius: 1vh; border: 1px solid black;
transition: all 0.3s; cursor: pointer;}

#popup_close:hover{background-color: rgb(102, 102, 102)}

#popuptext{position: absolute; left: 16%; top: -52.5%; font-family: "Sex"; font-weight: 300; font-size: 4.2vh; color: white;}

#poomanpeebird{position: absolute; left: 8vh; top: 23vh; width: 46.3vh; height: 6vh;}

#poomanlink{position: absolute; left: 15.5%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(194, 117, 18); transition: color 0.3s;}

#poomanlink:hover{color: brown;}

#catgirls{position: absolute; left: 8vh; top: 30vh; width: 54vh; height: 6vh;}

#catgirllink{position: absolute; left: 12.5%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: aqua; transition: color 0.3s;}

#catgirllink:hover{color: blue;}

#catgirl{position: absolute; left: 8vh; top: 37vh; width: 46.5vh; height: 6vh;}

#catgirllinks{position: absolute; left: 14%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: cadetblue; transition: color 0.3s;}

#catgirllinks:hover{color: blue;}

#catgirl2{position: absolute; left: 8vh; top: 44vh; width: 55.5vh; height: 6vh;}

#catgirllinks2{position: absolute; left: 12%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: cadetblue; transition: color 0.3s;}

#catgirllinks2:hover{color: blue;}

#sexycatgirls{position: absolute; left: 8vh; top: 51vh; width: 40vh; height: 6vh;}

#sexycatgirllinks{position: absolute; left: 16%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: aquamarine; transition: color 0.3s;}

#sexycatgirllinks:hover{color: aqua;}

#theanime{position: absolute; left: 8vh; top: 58vh; width: 61.6vh; height: 6vh;}

#theanimelinks{position: absolute; left: 10%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: purple; transition: color 0.3s;}

#theanimelinks:hover{color: rgb(177, 1, 177);}

#theanimeinfo{position: absolute; left: 8vh; top: 65vh; width: 70.6vh; height: 6vh;}

#theanimelinksinfo{position: absolute; left: 8.8%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: purple; transition: color 0.3s;}

#theanimelinksinfo:hover{color: rgb(177, 1, 177);}

#anime{position: absolute; left: 8vh; top: 72vh; width: 55vh; height: 6vh;}

#animelinks{position: absolute; left: 11.7%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(177, 1, 177); transition: color 0.3s;}

#animelinks:hover{color: purple}

#animeinfo{position: absolute; left: 8vh; top: 79vh; width: 63.6vh; height: 6vh;}

#animeinfolinks{position: absolute; left: 10%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(177, 1, 177); transition: color 0.3s;}

#animeinfolinks:hover{color: purple}

#hosting{position: absolute; left: 8vh; top: 86vh; width: 43vh; height: 6vh;}

#hostinglink{position: absolute; left: 14.5%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgba(9, 12, 190, 0.63); transition: color 0.3s;}

#hostinglink:hover{color: rgb(0, 0, 165);}

#mail{position: absolute; left: 8vh; top: 93vh; width: 36vh; height: 6vh;}

#maillink{position: absolute; left: 18%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: grey; transition: color 0.3s;}

#maillink:hover{color: lightgrey;}

#thecatdict{position: absolute; left: 100vh; top: 30vh; width: 56.5vh; height: 6vh;}

#thecatdictlink{position: absolute; left: 11.5%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: palevioletred; transition: color 0.3s;}

#thecatdictlink:hover{color: pink;}

#thecatdictinfo{position: absolute; left: 100vh; top: 37vh; width: 65.5vh; height: 6vh;}

#thecatdictinfolink{position: absolute; left: 10%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: palevioletred; transition: color 0.3s;}

#thecatdictinfolink:hover{color: pink;}

#catdict{position: absolute; left: 100vh; top: 44vh; width: 49vh; height: 6vh;}

#catdictlink{position: absolute; left: 13%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: pink; transition: color 0.3s;}

#catdictlink:hover{color: palevioletred;}

#catdictinfo{position: absolute; left: 100vh; top: 51vh; width: 58vh; height: 6vh;}

#catdictinfolink{position: absolute; left: 11%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: pink; transition: color 0.3s;}

#catdictinfolink:hover{color: palevioletred;}

#mom{position: absolute; left: 100vh; top: 58vh; width: 62vh; height: 6vh;}

#momlink{position: absolute; left: 10%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(170, 74, 90); transition: color 0.3s;}

#momlink:hover{color: brown;}

#dad{position: absolute; left: 100vh; top: 65vh; width: 52.5vh; height: 6vh;}

#dadlink{position: absolute; left: 12%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(38, 226, 32); transition: color 0.3s;}

#dadlink:hover{color: greenyellow;}

#lrc{position: absolute; left: 100vh; top: 72vh; width: 43vh; height: 6vh;}

#lrclink{position: absolute; left: 15%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(51, 148, 148); transition: color 0.3s;}

#lrclink:hover{color: lightseagreen;}

#lrc2{position: absolute; left: 100vh; top: 79vh; width: 43vh; height: 6vh;}

#lrclink2{position: absolute; left: 15%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(51, 148, 148); transition: color 0.3s;}

#lrclink2:hover{color: lightseagreen;}

#logan{position: absolute; left: 100vh; top: 86vh; width: 51.4vh; height: 6vh;}

#loganlink{position: absolute; left: 13%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: aqua; transition: color 0.3s;}

#loganlink:hover{color: lightseagreen;}

#are{position: absolute; left: 100vh; top: 93vh; width: 47.7vh; height: 6vh;}

#arelink{position: absolute; left: 14%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: lightgoldenrodyellow; transition: color 0.3s;}

#arelink:hover{color: white;}











#checkbox:checked~#popupshit{display: block;}

#checkbox2:checked~#popupshit2{display: block;}

#checkbox3:checked~#popupshit3{display: block;}

#checkbox4:checked~#popupshit4{display: block;}

#checkbox5:checked~#popupshit5{display: block;}

#checkbox6:checked~#popupshit6{display: block;}

#checkbox7:checked~#popupshit7{display: block;}

#checkbox8:checked~#popupshit8{display: block;}

#checkbox9:checked~#popupshit9{display: block;}

#checkbox10:checked~#popupshit10{display: block;}

#checkbox11:checked~#popupshit11{display: block;}

#checkbox12:checked~#popupshit12{display: block;}

#checkbox13:checked~#popupshit13{display: block;}

#checkbox14:checked~#popupshit14{display: block;}

#checkbox15:checked~#popupshit15{display: block;}

#checkbox16:checked~#popupshit16{display: block;}

#checkbox17:checked~#popupshit17{display: block;}

#checkbox18:checked~#popupshit18{display: block;}

#checkbox19:checked~#popupshit19{display: block;}

#checkbox20:checked~#popupshit20{display: block;}








.questionmark{position: absolute; left: 0%; top: 0%; width: 5.5vh; height: 90%; border-radius: 1vh; cursor: pointer; transition: all 0.3s;}

.questionmark:hover{background-color: rgb(199, 199, 199);}

.questionmark img{position: absolute; left: 10%; top: 11%; height: 75%; width: auto;}

#popupshit{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit2{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay2{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit3{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay3{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit4{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay4{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit5{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay5{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit6{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay6{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit7{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay7{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit8{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay8{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit9{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay9{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit10{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay10{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit11{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay11{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit12{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay12{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit13{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay13{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit14{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay14{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit15{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay15{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit16{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay16{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit17{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay17{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit18{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay18{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit19{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay19{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit20{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay20{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}









#popup{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#pooexp{position: absolute; left: 5%; top: 5%; font-family: "Balls"; font-weight: 300; font-size: 3vh; padding-right: 5%;}

#poggers{position: absolute; left: 10%; top: 76%; width: 80%; height: 17%; background-color: rgb(194, 117, 18); border: 1px solid  brown; border-radius: 1vh;
transition: all 0.3s;}

#poggers:hover{background-color: brown; border: 1px solid black;}

#pogtext{position: absolute; left: 9%; top: -21%; font-family: "Sex"; font-weight: 300; font-size: 3.2vh; color: black;}

#popup2{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#nekoexp{position: absolute; left: 5%; top: 4%; font-family: "Balls"; font-weight: 300; font-size: 3.5vh; padding-right: 4%;}

#paw{position: absolute; left: 10%; top: 73%; width: 80%; height: 22%; background-color: aqua; border: 1px solid blue; border-radius: 1vh;
transition: all 0.3s;}

#paw:hover{background-color: blue; border: 1px solid black;}

#pawtext{position: absolute; left: 9%; top: -21%; font-family: "Sex"; font-weight: 300; font-size: 2.8vh; color: black;}

#popup3{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#nekoexp2{position: absolute; left: 5%; top: 3%; font-family: "Balls"; font-weight: 300; font-size: 4.5vh; padding-right: 4%;}

#paw2{position: absolute; left: 10%; top: 73%; width: 80%; height: 22%; background-color: cadetblue; border: 1px solid blue; border-radius: 1vh;
transition: all 0.3s;}

#paw2:hover{background-color: blue; border: 1px solid black;}

#pawtext2{position: absolute; left: 9%; top: -13%; font-family: "Sex"; font-weight: 300; font-size: 3.5vh; color: black;}

#popup4{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#popup5{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#sexyexp{position: absolute; left: 5%; top: 3.5%; font-family: "Balls"; font-weight: 300; font-size: 4vh; padding-right: 4%;}

#nyaton{position: absolute; left: 10%; top: 66%; width: 80%; height: 22%; background-color: aquamarine; border: 1px solid aqua; border-radius: 1vh;
transition: all 0.3s;}

#nyaton:hover{background-color: aqua; border: 1px solid black;}

#sextext{position: absolute; left: 9%; top: -22%; font-family: "Sex"; font-weight: 300; font-size: 4.5vh; color: black;}

#popup6{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#theexp{position: absolute; left: 5%; top: 3%; font-family: "Balls"; font-weight: 300; font-size: 3.2vh; padding-right: 3%;}

#thebutton{position: absolute; left: 10%; top: 75%; width: 80%; height: 18%; background-color: purple; border: 1px solid rgb(177, 1, 177); border-radius: 1vh;
transition: all 0.3s;}

#thebutton:hover{background-color: rgb(177, 1, 177); border: 1px solid black;}

#thetext{position: absolute; left: 9%; top: -22%; font-family: "Sex"; font-weight: 300; font-size: 3.5vh; color: black;}

#popup7{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#theexpok{position: absolute; left: 2%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 4vh; padding-right: .5%;}

#popup8{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#animeexp{position: absolute; left: 5%; top: 1%; font-family: "Balls"; font-weight: 300; font-size: 3.6vh; padding-right: 3%;}

#animebutton{position: absolute; left: 10%; top: 71%; width: 80%; height: 20%; background-color: rgb(177, 1, 177); border: 1px solid purple; border-radius: 1vh;
transition: all 0.3s;}

#animebutton:hover{background-color: purple; border: 1px solid black;}

#animetext{position: absolute; left: 5%; top: 4%; font-family: "Sex"; font-weight: 300; font-size: 2.7vh; color: black;}

#popup9{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#hostingexp{position: absolute; left: 5%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 3.2vh; padding-right: 1%;}

#hostingbutton{position: absolute; left: 10%; top: 71%; width: 80%; height: 20%; background-color: rgba(9, 12, 190, 0.63); border: 1px solid rgb(0, 0, 165);
border-radius: 1vh; transition: all 0.3s;}

#hostingbutton:hover{background-color: rgb(0, 0, 165);; border: 1px solid black;}

#hostingtext{position: absolute; left: 5%; top: -19%; font-family: "Sex"; font-weight: 300; font-size: 3.8vh; color: black;}

#popup10{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#mailexp{position: absolute; left: 5%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 3.35vh; padding-right: 1%;}

#mailbutton{position: absolute; left: 10%; top: 64%; width: 80%; height: 30%; background-color: lightgrey; border: 1px solid grey; border-radius: 1vh; 
transition: all 0.3s;}

#mailbutton:hover{background-color: gray; border: 1px solid black;}

#mailtext{position: absolute; left: 2%; top: 6%; font-family: "Sex"; font-weight: 300; font-size: 2.3vh; color: black;}

#keychain{position: absolute; left: 60vh; top: 18vh; height: 37vh; width: auto;}

#popup11{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#thecatdictexp{position: absolute; left: 5%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 3.8vh; padding-right: 1%;}

#thecatdictbutton{position: absolute; left: 10%; top: 74%; width: 80%; height: 20%; background-color: palevioletred; border: 1px solid pink; border-radius: 1vh; 
transition: all 0.3s;}

#thecatdictbutton:hover{background-color: pink; border: 1px solid black;}

#thecatdicttext{position: absolute; left: 2%; top: 6%; font-family: "Sex"; font-weight: 300; font-size: 2.4vh; color: black;}

#popup12{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#thecatdictinfoexp{position: absolute; left: 18%; top: 3%; font-family: "Balls"; font-weight: 300; font-size: 6vh; padding-right: 0%;}

#popup13{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#catdictexp{position: absolute; left: 5%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 3.8vh; padding-right: 1%;}

#catdictbutton{position: absolute; left: 10%; top: 74%; width: 80%; height: 20%; background-color: pink; border: 1px solid palevioletred; border-radius: 1vh; 
transition: all 0.3s;}

#catdictbutton:hover{background-color: palevioletred; border: 1px solid black;}

#catdicttext{position: absolute; left: 3%; top: -3%; font-family: "Sex"; font-weight: 300; font-size: 3vh; color: black;}

#popup14{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#popup15{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#momexp{position: absolute; left: 5%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 4vh; padding-right: 1%;}

#mombutton{position: absolute; left: 10%; top: 74%; width: 80%; height: 20%; background-color: rgb(170, 74, 90); border: 1px solid brown; border-radius: 1vh; 
transition: all 0.3s;}

#mombutton:hover{background-color: brown; border: 1px solid black;}

#momtext{position: absolute; left: 3%; top: -7%; font-family: "Sex"; font-weight: 300; font-size: 3.2vh; color: black;}

#popup16{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#dadexp{position: absolute; left: 5%; top: 14%; font-family: "Balls"; font-weight: 300; font-size: 4vh; padding-right: 1%;}

#bluepill{position: absolute; left: 7%; top: 64%; width: 37%; height: 20%; background-color: blue; border: 1px solid black; border-radius: 1vh; 
transition: all 0.3s;}

#bluepill:hover{background-color: aqua;}

#bluetext2{position: absolute; left: 3%; top: -7%; font-family: "Sex"; font-weight: 300; font-size: 3.2vh; color: black;}

#redpill{position: absolute; left: 55%; top: 64%; width: 37%; height: 20%; background-color: red; border: 1px solid black; border-radius: 1vh; 
transition: all 0.3s;}

#redpill:hover{background-color: rgb(160, 3, 3);}

#redtext2{position: absolute; left: 3%; top: -7%; font-family: "Sex"; font-weight: 300; font-size: 3.2vh; color: black;}

#popup17{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#lrcexp{position: absolute; left: 5%; top: 9%; font-family: "Balls"; font-weight: 300; font-size: 3.4vh; padding-right: .5%;}

#lrcbutton{position: absolute; left: 10%; top: 74%; width: 80%; height: 20%; background-color: rgb(51, 148, 148); border: 1px solid lightseagreen; border-radius: 1vh; 
transition: all 0.3s;}

#lrcbutton:hover{background-color: lightseagreen; border: 1px solid black;}

#lrctext{position: absolute; left: 13%; top: -24%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: black;}

#popup18{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#lrcexp2{position: absolute; left: 5%; top: 5%; font-family: "Balls"; font-weight: 300; font-size: 3.6vh; padding-right: 1%;}

#popup19{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#loganexp{position: absolute; left: 5%; top: 9%; font-family: "Balls"; font-weight: 300; font-size: 4.8vh; padding-right: .5%;}

#loganbutton{position: absolute; left: 10%; top: 69%; width: 80%; height: 20%; background-color: aqua; border: 1px solid lightseagreen; border-radius: 1vh; 
transition: all 0.3s;}

#loganbutton:hover{background-color: lightseagreen; border: 1px solid black;}

#logantext{position: absolute; left: 3%; top: -24%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: black;}

#popup20{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#areexp{position: absolute; left: 11%; top: 4%; font-family: "Balls"; font-weight: 300; font-size: 4.8vh; padding-right: .5%;}

#arebutton{position: absolute; left: 10%; top: 35%; width: 80%; height: 55%; background-color: lightgoldenrodyellow; border: 1px solid white; border-radius: 1vh; 
transition: all 0.3s;}

#aretext{position: absolute; left: 3%; top: -9%; font-family: "Sex"; font-weight: 300; font-size: 3.6vh; color: black;}

#arebutton:hover{background-color: white; border: 1px solid black;}





#green{position: absolute; right: -5%; top: -14%; height: 120%; width: auto;}

#yellow{position: absolute; right: -2%; top: 5%; height: 82%; width: auto;}

#red{position: absolute; right: -5.2%; top: -14%; height: 121%; width: auto;}

#blue{position: absolute; right: -5%; top: -14%; height: 120%; width: auto;}























/*phones type shi*/
@media (max-width: 600px){

body{background-color: black;}

@font-face{font-family: 'Sex'; src: url('./sexballs.woff2') format('woff2');}

@font-face{font-family: 'Bals'; src: url('./ballssex.woff2') format('woff2');}

#fuck{position: absolute; left: 8vh; top: 2vh; font-family: "Sex"; font-weight: 300; font-size: 5vh; color: white; display: none;}

#well{position: absolute; left: 8vh; top: 12vh; font-family: "Sex"; font-weight: 300; font-size: 1.8vh; color: white; display: none;}

#shalt{display: block; position: fixed; left: 2vh; top: 6vh; color: white; font-family: "Sex"; font-size: 4.8vh;}

#stopsu{display: block; position: fixed; left: 1vh; bottom: -0.1vh; height: 47vh; width: auto;}

#phone{display: block; position: fixed; left: 2vh; top: 23vh; color: white; font-family: "Sex"; font-size: 2.5vh;}

#popup_button{position: absolute; left: 122vh; top: 7.5vh; width: 25vw; height: 15vh; border: 1px solid aqua; border-radius: 2vh; background-color: rgb(66, 66, 66);
transition: all 0.3s; cursor: pointer; display: none;}

#popup_button:hover{background-color: rgb(102, 102, 102); display: none;}

#what{position: absolute; left: 5%; top: 5%; font-family: "Sex"; font-weight: 300; font-size: 2.75vh; display: none;}

#reddot{position: absolute; left: 10%; top: 40%; height: 65%; width: auto; display: none;}

#yellowdot{position: absolute; left: 33%; top: 49%; height: 45%; width: auto; display: none;}

#greendot{position: absolute; left: 50%; top: 39%; height: 66%; width: auto; display: none;}

#bluedot{position: absolute; left: 70%; top: 39%; height: 66%; width: auto; display: none;}

#popup_toggle:checked~#popup_overlay{display: block;}

#popup_toggle:checked~#popup_overlay~#dotpopup{display: block;}

#popup_overlay{display: none; position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1;}

#dotpopup{display: none; position: fixed; left: 62vh; top: 20vh; width: 72vh; height: 63vh; background-color: grey; z-index: 2; border-radius: 1.5vh;}

#redexp{position: absolute; left: 3%; top: 4%; height: 15.48%; width: auto; display: none;}

#redtext{position: absolute; left: 17%; top: 6.5%; font-family: "Sex"; font-weight: 300; font-size: 2.9vh; display: none;}

#yellowexp{position: absolute; left: 5%; top: 24%; height: 10.71%; width: auto; display: none;}

#yellowtext{position: absolute; left: 17%; top: 21%; font-family: "Sex"; font-weight: 300; font-size: 2.9vh; margin-right: .8vh; display: none;}

#greenexp{position: absolute; left: 3%; top: 39%; height: 15.71%; width: auto; display: none;}

#greentext{position: absolute; left: 17%; top: 41%; font-family: "Sex"; font-weight: 300; font-size: 2.9vh; display: none;}

#blueexp{position: absolute; left: 3%; top: 56%; height: 15.71%; width: auto; display: none;}

#bluetext{position: absolute; left: 17%; top: 55.8%; font-family: "Sex"; font-weight: 300; font-size: 2.8vh; display: none;}

#questionbox{position: absolute; left: 6.2%; top: 76%; height: 8.57%; width: 7.64%; background-color: rgb(199, 199, 199); border-radius: 1vh; display: none;}

#questionbox img{position: absolute; left: 10%; top: 11%; height: 75%; width: auto; display: none;}

#questiontext{position: absolute; left: 17%; top: 72%; font-family: "Sex"; font-weight: 300; font-size: 2.8vh; display: none;}

#popup_close{position: absolute; left: 10.5%; top: 89%; height: 9%; width: 80%; background-color: rgb(75, 75, 75); border-radius: 1vh; border: 1px solid black;
transition: all 0.3s; cursor: pointer; display: none;}

#popup_close:hover{background-color: rgb(102, 102, 102); display: none;}

#popuptext{position: absolute; left: 16%; top: -52.5%; font-family: "Sex"; font-weight: 300; font-size: 4.2vh; color: white; display: none;}

#poomanpeebird{position: absolute; left: 8vh; top: 23vh; width: 46.3vh; height: 6vh; display: none;}

#poomanlink{position: absolute; left: 15.5%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(194, 117, 18); transition: color 0.3s; display: none;}

#poomanlink:hover{color: brown;}

#catgirls{position: absolute; left: 8vh; top: 30vh; width: 54vh; height: 6vh; display: none;}

#catgirllink{position: absolute; left: 12.5%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: aqua; transition: color 0.3s; display: none;}

#catgirllink:hover{color: blue;}

#catgirl{position: absolute; left: 8vh; top: 37vh; width: 46.5vh; height: 6vh; display: none;}

#catgirllinks{position: absolute; left: 14%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: cadetblue; transition: color 0.3s; display: none;}

#catgirllinks:hover{color: blue;}

#catgirl2{position: absolute; left: 8vh; top: 44vh; width: 55.5vh; height: 6vh; display: none;}

#catgirllinks2{position: absolute; left: 12%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: cadetblue; transition: color 0.3s; display: none;}

#catgirllinks2:hover{color: blue;}

#sexycatgirls{position: absolute; left: 8vh; top: 51vh; width: 40vh; height: 6vh; display: none;}

#sexycatgirllinks{position: absolute; left: 16%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: aquamarine; transition: color 0.3s; display: none;}

#sexycatgirllinks:hover{color: aqua;}

#theanime{position: absolute; left: 8vh; top: 58vh; width: 61.6vh; height: 6vh; display: none;}

#theanimelinks{position: absolute; left: 10%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: purple; transition: color 0.3s; display: none;}

#theanimelinks:hover{color: rgb(177, 1, 177);}

#theanimeinfo{position: absolute; left: 8vh; top: 65vh; width: 70.6vh; height: 6vh; display: none;}

#theanimelinksinfo{position: absolute; left: 8.8%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: purple; transition: color 0.3s; display: none;}

#theanimelinksinfo:hover{color: rgb(177, 1, 177);}

#anime{position: absolute; left: 8vh; top: 72vh; width: 55vh; height: 6vh; display: none;}

#animelinks{position: absolute; left: 11.7%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(177, 1, 177); transition: color 0.3s; display: none;}

#animelinks:hover{color: purple}

#animeinfo{position: absolute; left: 8vh; top: 79vh; width: 63.6vh; height: 6vh; display: none;}

#animeinfolinks{position: absolute; left: 10%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(177, 1, 177); transition: color 0.3s; display: none;}

#animeinfolinks:hover{color: purple}

#hosting{position: absolute; left: 8vh; top: 86vh; width: 43vh; height: 6vh; display: none;}

#hostinglink{position: absolute; left: 14.5%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgba(9, 12, 190, 0.63); transition: color 0.3s; display: none;}

#hostinglink:hover{color: rgb(0, 0, 165);}

#mail{position: absolute; left: 8vh; top: 93vh; width: 36vh; height: 6vh; display: none;}

#maillink{position: absolute; left: 18%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: grey; transition: color 0.3s; display: none;}

#maillink:hover{color: lightgrey;}

#thecatdict{position: absolute; left: 100vh; top: 30vh; width: 56.5vh; height: 6vh; display: none;}

#thecatdictlink{position: absolute; left: 11.5%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: palevioletred; transition: color 0.3s; display: none;}

#thecatdictlink:hover{color: pink;}

#thecatdictinfo{position: absolute; left: 100vh; top: 37vh; width: 65.5vh; height: 6vh; display: none;}

#thecatdictinfolink{position: absolute; left: 10%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: palevioletred; transition: color 0.3s; display: none;}

#thecatdictinfolink:hover{color: pink;}

#catdict{position: absolute; left: 100vh; top: 44vh; width: 49vh; height: 6vh; display: none;}

#catdictlink{position: absolute; left: 13%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: pink; transition: color 0.3s; display: none;}

#catdictlink:hover{color: palevioletred;}

#catdictinfo{position: absolute; left: 100vh; top: 51vh; width: 58vh; height: 6vh; display: none;}

#catdictinfolink{position: absolute; left: 11%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: pink; transition: color 0.3s; display: none;}

#catdictinfolink:hover{color: palevioletred;}

#mom{position: absolute; left: 100vh; top: 58vh; width: 62vh; height: 6vh; display: none;}

#momlink{position: absolute; left: 10%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(170, 74, 90); transition: color 0.3s; display: none;}

#momlink:hover{color: brown;}

#dad{position: absolute; left: 100vh; top: 65vh; width: 52.5vh; height: 6vh; display: none;}

#dadlink{position: absolute; left: 12%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(38, 226, 32); transition: color 0.3s; display: none;}

#dadlink:hover{color: greenyellow;}

#lrc{position: absolute; left: 100vh; top: 72vh; width: 43vh; height: 6vh; display: none;}

#lrclink{position: absolute; left: 15%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(51, 148, 148); transition: color 0.3s; display: none;}

#lrclink:hover{color: lightseagreen;}

#lrc2{position: absolute; left: 100vh; top: 79vh; width: 43vh; height: 6vh; display: none;}

#lrclink2{position: absolute; left: 15%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: rgb(51, 148, 148); transition: color 0.3s; display: none;}

#lrclink2:hover{color: lightseagreen;}

#logan{position: absolute; left: 100vh; top: 86vh; width: 51.4vh; height: 6vh; display: none;}

#loganlink{position: absolute; left: 13%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: aqua; transition: color 0.3s; display: none;}

#loganlink:hover{color: lightseagreen;}

#are{position: absolute; left: 100vh; top: 93vh; width: 47.7vh; height: 6vh; display: none;}

#arelink{position: absolute; left: 14%; top: 0%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: lightgoldenrodyellow; transition: color 0.3s; display: none;}

#arelink:hover{color: white;}











#checkbox:checked~#popupshit{display: block;}

#checkbox2:checked~#popupshit2{display: block;}

#checkbox3:checked~#popupshit3{display: block;}

#checkbox4:checked~#popupshit4{display: block;}

#checkbox5:checked~#popupshit5{display: block;}

#checkbox6:checked~#popupshit6{display: block;}

#checkbox7:checked~#popupshit7{display: block;}

#checkbox8:checked~#popupshit8{display: block;}

#checkbox9:checked~#popupshit9{display: block;}

#checkbox10:checked~#popupshit10{display: block;}

#checkbox11:checked~#popupshit11{display: block;}

#checkbox12:checked~#popupshit12{display: block;}

#checkbox13:checked~#popupshit13{display: block;}

#checkbox14:checked~#popupshit14{display: block;}

#checkbox15:checked~#popupshit15{display: block;}

#checkbox16:checked~#popupshit16{display: block;}

#checkbox17:checked~#popupshit17{display: block;}

#checkbox18:checked~#popupshit18{display: block;}

#checkbox19:checked~#popupshit19{display: block;}

#checkbox20:checked~#popupshit20{display: block;}








.questionmark{position: absolute; left: 0%; top: 0%; width: 5.5vh; height: 90%; border-radius: 1vh; cursor: pointer; transition: all 0.3s;}

.questionmark:hover{background-color: rgb(199, 199, 199);}

.questionmark img{position: absolute; left: 10%; top: 11%; height: 75%; width: auto;}

#popupshit{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit2{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay2{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit3{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay3{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit4{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay4{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit5{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay5{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit6{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay6{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit7{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay7{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit8{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay8{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit9{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay9{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit10{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay10{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit11{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay11{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit12{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay12{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit13{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay13{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit14{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay14{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit15{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay15{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit16{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay16{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit17{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay17{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit18{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay18{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit19{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay19{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}

#popupshit20{position: absolute; left: 0%; top: 0%; width: 100vw; height: 100vh; display: none;}

#popupoverlay20{position: fixed; left: 0%; top: 0%; width: 100vw; height: 100vh; background-color: black; opacity: 0.6; z-index: 1; cursor: default;}









#popup{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#pooexp{position: absolute; left: 5%; top: 5%; font-family: "Balls"; font-weight: 300; font-size: 3vh; padding-right: 5%;}

#poggers{position: absolute; left: 10%; top: 76%; width: 80%; height: 17%; background-color: rgb(194, 117, 18); border: 1px solid  brown; border-radius: 1vh;
transition: all 0.3s;}

#poggers:hover{background-color: brown; border: 1px solid black;}

#pogtext{position: absolute; left: 9%; top: -21%; font-family: "Sex"; font-weight: 300; font-size: 3.2vh; color: black;}

#popup2{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#nekoexp{position: absolute; left: 5%; top: 4%; font-family: "Balls"; font-weight: 300; font-size: 3.5vh; padding-right: 4%;}

#paw{position: absolute; left: 10%; top: 73%; width: 80%; height: 22%; background-color: aqua; border: 1px solid blue; border-radius: 1vh;
transition: all 0.3s;}

#paw:hover{background-color: blue; border: 1px solid black;}

#pawtext{position: absolute; left: 9%; top: -21%; font-family: "Sex"; font-weight: 300; font-size: 2.8vh; color: black;}

#popup3{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#nekoexp2{position: absolute; left: 5%; top: 3%; font-family: "Balls"; font-weight: 300; font-size: 4.5vh; padding-right: 4%;}

#paw2{position: absolute; left: 10%; top: 73%; width: 80%; height: 22%; background-color: cadetblue; border: 1px solid blue; border-radius: 1vh;
transition: all 0.3s;}

#paw2:hover{background-color: blue; border: 1px solid black;}

#pawtext2{position: absolute; left: 9%; top: -13%; font-family: "Sex"; font-weight: 300; font-size: 3.5vh; color: black;}

#popup4{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#popup5{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#sexyexp{position: absolute; left: 5%; top: 3.5%; font-family: "Balls"; font-weight: 300; font-size: 4vh; padding-right: 4%;}

#nyaton{position: absolute; left: 10%; top: 66%; width: 80%; height: 22%; background-color: aquamarine; border: 1px solid aqua; border-radius: 1vh;
transition: all 0.3s;}

#nyaton:hover{background-color: aqua; border: 1px solid black;}

#sextext{position: absolute; left: 9%; top: -22%; font-family: "Sex"; font-weight: 300; font-size: 4.5vh; color: black;}

#popup6{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#theexp{position: absolute; left: 5%; top: 3%; font-family: "Balls"; font-weight: 300; font-size: 3.2vh; padding-right: 3%;}

#thebutton{position: absolute; left: 10%; top: 75%; width: 80%; height: 18%; background-color: purple; border: 1px solid rgb(177, 1, 177); border-radius: 1vh;
transition: all 0.3s;}

#thebutton:hover{background-color: rgb(177, 1, 177); border: 1px solid black;}

#thetext{position: absolute; left: 9%; top: -22%; font-family: "Sex"; font-weight: 300; font-size: 3.5vh; color: black;}

#popup7{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#theexpok{position: absolute; left: 2%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 4vh; padding-right: .5%;}

#popup8{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#animeexp{position: absolute; left: 5%; top: 1%; font-family: "Balls"; font-weight: 300; font-size: 3.6vh; padding-right: 3%;}

#animebutton{position: absolute; left: 10%; top: 71%; width: 80%; height: 20%; background-color: rgb(177, 1, 177); border: 1px solid purple; border-radius: 1vh;
transition: all 0.3s;}

#animebutton:hover{background-color: purple; border: 1px solid black;}

#animetext{position: absolute; left: 5%; top: 4%; font-family: "Sex"; font-weight: 300; font-size: 2.7vh; color: black;}

#popup9{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#hostingexp{position: absolute; left: 5%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 3.2vh; padding-right: 1%;}

#hostingbutton{position: absolute; left: 10%; top: 71%; width: 80%; height: 20%; background-color: rgba(9, 12, 190, 0.63); border: 1px solid rgb(0, 0, 165);
border-radius: 1vh; transition: all 0.3s;}

#hostingbutton:hover{background-color: rgb(0, 0, 165);; border: 1px solid black;}

#hostingtext{position: absolute; left: 5%; top: -19%; font-family: "Sex"; font-weight: 300; font-size: 3.8vh; color: black;}

#popup10{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#mailexp{position: absolute; left: 5%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 3.35vh; padding-right: 1%;}

#mailbutton{position: absolute; left: 10%; top: 64%; width: 80%; height: 30%; background-color: lightgrey; border: 1px solid grey; border-radius: 1vh; 
transition: all 0.3s;}

#mailbutton:hover{background-color: gray; border: 1px solid black;}

#mailtext{position: absolute; left: 2%; top: 6%; font-family: "Sex"; font-weight: 300; font-size: 2.3vh; color: black;}

#keychain{position: absolute; left: 60vh; top: 18vh; height: 37vh; width: auto; display: none;}

#popup11{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#thecatdictexp{position: absolute; left: 5%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 3.8vh; padding-right: 1%;}

#thecatdictbutton{position: absolute; left: 10%; top: 74%; width: 80%; height: 20%; background-color: palevioletred; border: 1px solid pink; border-radius: 1vh; 
transition: all 0.3s;}

#thecatdictbutton:hover{background-color: pink; border: 1px solid black;}

#thecatdicttext{position: absolute; left: 2%; top: 6%; font-family: "Sex"; font-weight: 300; font-size: 2.4vh; color: black;}

#popup12{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#thecatdictinfoexp{position: absolute; left: 18%; top: 3%; font-family: "Balls"; font-weight: 300; font-size: 6vh; padding-right: 0%;}

#popup13{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#catdictexp{position: absolute; left: 5%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 3.8vh; padding-right: 1%;}

#catdictbutton{position: absolute; left: 10%; top: 74%; width: 80%; height: 20%; background-color: pink; border: 1px solid palevioletred; border-radius: 1vh; 
transition: all 0.3s;}

#catdictbutton:hover{background-color: palevioletred; border: 1px solid black;}

#catdicttext{position: absolute; left: 3%; top: -3%; font-family: "Sex"; font-weight: 300; font-size: 3vh; color: black;}

#popup14{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#popup15{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#momexp{position: absolute; left: 5%; top: -1%; font-family: "Balls"; font-weight: 300; font-size: 4vh; padding-right: 1%;}

#mombutton{position: absolute; left: 10%; top: 74%; width: 80%; height: 20%; background-color: rgb(170, 74, 90); border: 1px solid brown; border-radius: 1vh; 
transition: all 0.3s;}

#mombutton:hover{background-color: brown; border: 1px solid black;}

#momtext{position: absolute; left: 3%; top: -7%; font-family: "Sex"; font-weight: 300; font-size: 3.2vh; color: black;}

#popup16{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#dadexp{position: absolute; left: 5%; top: 14%; font-family: "Balls"; font-weight: 300; font-size: 4vh; padding-right: 1%;}

#bluepill{position: absolute; left: 7%; top: 64%; width: 37%; height: 20%; background-color: blue; border: 1px solid black; border-radius: 1vh; 
transition: all 0.3s;}

#bluepill:hover{background-color: aqua;}

#bluetext2{position: absolute; left: 3%; top: -7%; font-family: "Sex"; font-weight: 300; font-size: 3.2vh; color: black;}

#redpill{position: absolute; left: 55%; top: 64%; width: 37%; height: 20%; background-color: red; border: 1px solid black; border-radius: 1vh; 
transition: all 0.3s;}

#redpill:hover{background-color: rgb(160, 3, 3);}

#redtext2{position: absolute; left: 3%; top: -7%; font-family: "Sex"; font-weight: 300; font-size: 3.2vh; color: black;}

#popup17{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#lrcexp{position: absolute; left: 5%; top: 9%; font-family: "Balls"; font-weight: 300; font-size: 3.4vh; padding-right: .5%;}

#lrcbutton{position: absolute; left: 10%; top: 74%; width: 80%; height: 20%; background-color: rgb(51, 148, 148); border: 1px solid lightseagreen; border-radius: 1vh; 
transition: all 0.3s;}

#lrcbutton:hover{background-color: lightseagreen; border: 1px solid black;}

#lrctext{position: absolute; left: 13%; top: -24%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: black;}

#popup18{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#lrcexp2{position: absolute; left: 5%; top: 5%; font-family: "Balls"; font-weight: 300; font-size: 3.6vh; padding-right: 1%;}

#popup19{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#loganexp{position: absolute; left: 5%; top: 9%; font-family: "Balls"; font-weight: 300; font-size: 4.8vh; padding-right: .5%;}

#loganbutton{position: absolute; left: 10%; top: 69%; width: 80%; height: 20%; background-color: aqua; border: 1px solid lightseagreen; border-radius: 1vh; 
transition: all 0.3s;}

#loganbutton:hover{background-color: lightseagreen; border: 1px solid black;}

#logantext{position: absolute; left: 3%; top: -24%; font-family: "Sex"; font-weight: 300; font-size: 4vh; color: black;}

#popup20{position: fixed; left: 76vh; top: 33vh; width: 22vw; height: 35vh; background-color: grey; z-index: 3; border-radius: 2vh;}

#areexp{position: absolute; left: 11%; top: 4%; font-family: "Balls"; font-weight: 300; font-size: 4.8vh; padding-right: .5%;}

#arebutton{position: absolute; left: 10%; top: 35%; width: 80%; height: 55%; background-color: lightgoldenrodyellow; border: 1px solid white; border-radius: 1vh; 
transition: all 0.3s;}

#aretext{position: absolute; left: 3%; top: -9%; font-family: "Sex"; font-weight: 300; font-size: 3.6vh; color: black;}

#arebutton:hover{background-color: white; border: 1px solid black;}





#green{position: absolute; right: -5%; top: -14%; height: 120%; width: auto;}

#yellow{position: absolute; right: -2%; top: 5%; height: 82%; width: auto;}

#red{position: absolute; right: -5.2%; top: -14%; height: 121%; width: auto;}

#blue{position: absolute; right: -5%; top: -14%; height: 120%; width: auto;}

}