footer a{
color:white;
text-decoration:none;
font-size:larger;
}
footer a:hover{
font-style: italic;
}
footer{
text-align:center;
margin-top:-50px;
margin-bottom:50px;
}


/*WYB START*/



div[id^="detailView-"]
{
display: none;
}

div[id^="detailView-"]:target
{
display: block;
}

.wybmain{
display:flex;
flex-direction:row;
justify-content:right;
}

.ch{
color:white;
padding-bottom:7px;
padding-top:7px;
font-size:larger;
text-decoration:none;
transition: transform 1s ease-out;
}

.ch:hover{
transform:scale(1.05);
font-weight:bold;
}

.chlist{
display:flex;
flex-direction:column;
text-align:center;
height:64vh;
width:170px;
margin-right:79.5%;
margin-top:17.5vh;
border:5px solid black;
border-radius:5%;
background-color:rgb(7, 78, 0);
position:absolute;
z-index:2;
overflow-y:scroll;
overflow-x:hidden;
}


.chlisthold{
height:80vh;
width:260px;
margin-right:77%;
margin-top:10vh;
border:5px solid black;
border-radius:5%;
background-color:rgb(39, 196, 0);
position:absolute;
z-index:-3;
}

.chhold{
height:105vh;
width:1100px;
text-align:center;
color:white;
margin-right:185px;
border-left:5px solid black;
border-right:5px solid black;
background-color:rgb(0, 37, 1);
position:absolute;
overflow-y:scroll;
overflow-x:hidden;
}

.chhold p{
margin-left:75px;
margin-right:75px;
margin-top:25px;
margin-bottom:25px;
font-size:large;
}


.chhold_2{
height:105vh;
width:1175px;
margin-right:150px;
border-left:5px solid black;
border-right:5px solid black;
background-color:rgb(39, 196, 0);
background-image:radial-gradient(circle at top, rgb(39, 196,0) 30%, rgb(1, 90, 1));
position:absolute;
z-index:-3;
}


/*WYB END*/

/*FANNON START*/

div[id^="dpview"]
{
display: none;
}

div[id^="dpview"]:target
{
display: block;
}


.dp_reviewhold{
display:flex;
flex-direction:column;
width:175px;
height:55vh;
margin-left:75px;
margin-bottom:20px;
margin-top:15vh;
border: 2px solid rgb(44, 197, 44);
background-image:linear-gradient(rgb(44, 197, 44) 10%, rgb(90, 0, 90) 
);
}

.dp_reviewhold li{
margin-left:25%;
margin-right:25%;
font-size:larger;
}


.dprv{
color:black;
text-decoration:none;
}
.dprv:hover{
font-weight:bolder;
}



.dp_tab > input,
.dp_tab section > div {
  display: none;
}

#dp_tab0:checked ~ section .dp_tab0,
#dp_tab1:checked ~ section .dp_tab1,
#dp_tab2:checked ~ section .dp_tab2,
#dp_tab3:checked ~ section .dp_tab3 {
  display: block;
}

#dp_tab0:checked ~ nav .dp_tab0,
#dp_tab1:checked ~ nav .dp_tab1,/*alters styling on click*/
#dp_tab2:checked ~ nav .dp_tab2,
#dp_tab3:checked ~ nav .dp_tab3 {
  color: black;
}

nav{
text-align:center;
font-size: x-large;
}

.dp_tab li{
display:inline-block;
word-spacing:20px;
}

.dp_tab label{
cursor:pointer;
}
.dp_tab label:hover{
text-decoration:underline;
}


.dp_longreviewhold{
width:1200px;
height:73vh;
position:absolute;
margin-left:35vh;
margin-top:175px;
overflow-y:scroll;
scrollbar-width:none;
}
.dp_longreviewhold::-webkit-scrollbar{
display:none;
}
.dp_longreviewhold h2{
margin-top:40px;
font-size:x-large;
color:white;
text-align:center;
}
.dp_longreviewhold p{
text-indent:30px;
font-size:large;
color:white;
}

.dp_selecthold{
background-image:linear-gradient(rgb(44, 197, 44), rgb(70, 1, 70));
position:absolute;
width:100%;
height:50%;
margin-bottom:200px;
}
/*FANNON END*/


/* CUT CONTENT START*/


        div[id^="snipview"]
        {
        display: none;
        }
        
        div[id^="snipview"]:target
        {
        display: block;
        }


.tab > input,
.tab section > div {
  display: none;
}

#tabNULL:checked ~ section .tabNULL,

#tab0:checked ~ section .tab0,
#tab1:checked ~ section .tab1,
#tab2:checked ~ section .tab2,
#tab3:checked ~ section .tab3,
#tab4:checked ~ section .tab4
{
  display: block;
}

li{
display:inline-block;
}

#cc_nav{
background-color:rgb(77, 1, 77);
background-image:linear-gradient(rgb(104, 1, 104)70%, rgb(115, 231, 38));
color:aliceblue;
display:flex;
align-items:center;
padding-left:100px;
width:110vw;
margin-left:-2vw;
margin-top:-2.3vh;
height:10vh;
border-bottom:20px double greenyellow;
position:fixed;
white-space:nowrap;
overflow-x:scroll;
}
#cc_nav h1{
cursor:pointer;
}


.cc_holdall{
display:grid;
grid-template-columns:5vw;
grid-template-rows:5vw;
row-gap:30px;
}


.cc_submenu{
height:77vh;
width:20vw;
margin-top:14.5vh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
background-color:rgb(77, 1, 77);
background-image:radial-gradient(circle,rgb(104, 0, 104)50% ,rgb(78, 0, 78) 70%, rgb(115, 231, 38));
border-radius:50%;
border:15px double greenyellow;
text-align:left;
overflow-y:scroll;
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}
.cc_submenu::-webkit-scrollbar{
display:none;
}

.cc_submenu_nav{
margin-top:10vh;
}
.cc_submenu_nav dt{
color:aliceblue;
}
.cc_submenu_nav a{
color:aliceblue;
text-decoration:none;
line-height:40px;
}

.cc_mainview{
height:80vh;
width:70vw;
font-size:larger;
margin-top:1vh;
background-color:rgb(78, 0, 78);
background-image:radial-gradient(circle closest-corner,rgb(104, 0, 104)70%,rgb(78, 0, 78),rgb(115, 231, 38));
border:15px double greenyellow;
grid-column-start:8;
grid-row-start:2;
border-radius:10%;
overflow-y:scroll;
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}
.cc_mainview::-webkit-scrollbar{
display:none;
}

.snipview_hold{
color:white;
margin-left:80px;
margin-right:80px;
margin-top:30px;  
}



span{
cursor:pointer;
text-decoration:underline;
font-style:italic;
}

span[id^="ramble"]:hover::before {
    content:attr(data-title);
    position:absolute;
    top: 13vh;
    left:0.6vw; 
    max-width:17vw;
    min-width:17vw;
    min-height:77vh;
    height:fit-content; 
    word-wrap:break-word;
    display:flex;
    align-items:center;
    justify-content:center;
    color: white;
background-color:rgb(92, 1, 92);
background-image:radial-gradient(circle closest-corner,rgb(104, 0, 104)70%,rgb(78, 0, 78),rgb(115, 231, 38));
    border-radius:5%;
    font-family:monospace;
    padding:2%;
    white-space: pre-line;
    font-size: 120%;
    letter-spacing:1px;
    border: 5px solid rgb(172, 1, 172);
    box-shadow:0px 3px 0px 3px greenyellow;
    animation-name: hoverspan;
    animation-duration:0.5s; 
  }


@keyframes hoverspan{
  from{opacity:0;}
  to{opacity:100;}
}
  

.cc a{
position:absolute;
z-index:99;
top:97%;
left:55%;
color:aliceblue;
}

/*CUT CONTENT END*/



/*DP FANART START*/


.dp_arthold{
height:100vh;
width:70vw;
border-left:10px double rgb(32, 231, 32);
border-right:10px double rgb(32, 231, 32);
box-shadow: 0 0 200px 30px rgb(154, 1, 184);
margin:auto;
background-color:transparent;
text-align:center;
overflow-y:scroll;
color:aliceblue;
}

.art_thoughts{
min-height:2vh;
width:60vw;
background-color:rgb(110, 212, 63);
margin:auto;
margin-bottom:30px;
border-radius:10px 30px;
border:5px double green;
color:black;
}
.art_thoughts p{
margin-left:40px;
margin-right:40px;
}
.fanart{
margin:auto;
margin-bottom:2vh;
}
.fanart img{
height:600px;
width:750px;
}

#fanleft{
text-align:left;
font-size:larger;
margin-bottom:50px;
}
#fanright{
text-align:right;
font-size: larger;
margin-top:-75px;
margin-bottom:50px;
}

#fanleft a{
color: aliceblue;
text-decoration:none;
}
#fanright a{
color:aliceblue;
text-decoration:none;
}

/*DPFANART END*/