html, body{
    height:100%;
    width: 100%;
    margin:0;
    padding:0;
}

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

div[id^="fanview"]:target
{
display: block;
scroll-margin:10vh;
}

.fan_nav{
display:flex;
flex-direction:row;
align-items: center;
justify-content:space-around;
position: relative;
z-index:2;
top:92.5%;
color:aliceblue;
text-decoration:none;
height:80px;
width:100vw;
background-color:transparent;
}
.fan_nav_select{
color:aliceblue;
text-decoration:none;
}


#circle1 {
  width: 130vw;
  height: 130vh;
  background: green;
  border-radius: 50%;
  border: 35px solid rgb(157, 230, 12);
  color:black;
  box-shadow:0 0 100px 40px rgb(0, 245, 0);
  margin:-7% -15%;
  text-align:center;
  overflow: hidden;
  background-image:radial-gradient(circle, rgb(14, 216, 14),green, purple);
} 
#circl1, h1{
  font-size: 600%;
}
.dp_overhold{
margin-right:75px;
}
.dphold{
width:20vw;
height:65vh;
border-radius:10%;
justify-content:center;
position: relative;
border:7px solid yellowgreen;
display:inline-flex;
flex-direction:row;
align-items: center;
margin-top:60px;
background-color:rgb(73, 0, 73);
background-image: radial-gradient( circle at top, transparent,transparent,transparent,purple, rgb(1, 221, 1) 100% );
color:aliceblue;
overflow-y:scroll;
}
.dphold:nth-child(2){
width:27vw;
height:67vh;
margin-left:10px;
}
.dphold:nth-child(3){
width:27vw;
height:67vh;
margin-right:10px;
}
.dpwrapper{
position:absolute;
margin:auto;
display:flex;
flex-direction: column;
align-self: start;
}
.dpwrapper ul{
list-style-type:none;
margin-right: 30px;
}

.DP_sketchbook{
  display:flex;
  flex-direction:row;
  justify-content:center;
  flex-wrap:wrap;
  row-gap:15px;
  column-gap:20px;
}    

.circle1_fan_nav{
display:flex;
flex-direction:row;
position: relative;
z-index:1.5;
top:92.8%;
left:10%;
color:aliceblue;
text-decoration:none;
height:95px;
width:110vw;
background-color:rgb(70, 0, 70);
background-image:linear-gradient(to right, rgb(2, 199, 2) -5%, rgb(110, 1, 110), rgb(70, 0, 70), rgb(2, 199, 2));
box-shadow:0 0 0 5px yellowgreen inset;
}

.dp_falsebg{
position:absolute;
z-index:-1;
margin-top:-200%;
margin-left:7%;
width:500vw;
height:500vh;
background-color:rgb(77, 0, 77);
}

#circle2 {
  width: 130vw;
  height: 130vh;
  background: blue;
  border-radius: 50%;
  border: 40px solid grey;
  margin:-7% -15%;
} 
#circle3 {
  width: 130vw;
  height: 130vh;
  background: green;
  border-radius: 50%;
  border: 40px solid grey;
  margin:-7% -15%;
}