html {
  
    background-color: rgb(207, 179, 196);
}

body {
    background-color: rgb(45, 14, 33);
width: 100%;
}


header {

    text-align: center;
    
    
  
  
}
/* #thetitle2, */
#thetitle { font-family: Chubbytrail;
    font-size: 3em;
    color: rgb(241, 249, 32);
   text-align: center;
   padding: 4vh;
   padding-top:5vh;
   
    text-shadow: .4em .2em .9em purple
}

@font-face {
    font-family: 'Chubbytrail';
    src: url(fonts/chubby-trail-webfont.woff);
}

.lefthandmenu,
.centremenu,
.righthandmenu {
    opacity: 1;
}




.onewithpics {
    margin-top: -5vh;
}


.menoo {
    /* margin: 11vw; */
    color: chartreuse;

}

figure {
    margin-top: 5vh;
    margin-bottom: 3vh;
    
    /* margin-inline-start: 1vw; */
    /* background-color: #c8e293; */
}

/* figcaption {padding: 37px;


} */





nav {
    text-align: center;
    margin-top: 7vh;
    margin-bottom: 4%;
    
    background-color: wheat;
    visibility: hidden;
}

ul {
    text-align: center;
    padding: .2vh;
}

ul li {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

li {
    display: inline-block;
    color: rgb(148, 216, 51);
}

.blur-box
 {
    background-color: #555;
    box-shadow: 0 0 25px 29px #555;
}


.blur-box2 {
    background-color: rgb(95, 140, 33);
    box-shadow: 0px 0px 25px 29px rgb(95, 140, 33);
}

.blur-box3 {
    background-color: rgb(45, 14, 33);
    box-shadow: 0px 0px 25px 23px rgb(45, 14, 33);
    border-radius: 64%;
}




 



.blur-boxdrop1 {background-color: #555;
    box-shadow: 0px 0px 12px 15px #555;
    width: 1vw;
    border-radius: 10vh;
margin-left: 71vw;
padding:1vh;
margin-top: 40%;
}


.blur-boxdrop2 {background-color: #555;
    box-shadow: 0px 0px 12px 15px #555;
    width: 1vw;
    border-radius: 10vh;
margin-left: 71vw;
padding:1vh;
margin-top: 25%;
}
.blur-boxdrop3 {background-color: #555;
    box-shadow: 0px 0px 12px 15px #555;
    width: 1vw;
    border-radius: 10vh;
margin-left: 71vw;
padding:1vh;
margin-top: 25%;
}

 

article {
    padding-top: 4vh;
    padding-bottom: 4vh;
    border-radius: 3vh;
    margin-top: 78vh;
    background-color: rgb(185, 255, 127);
    position: relative;
    width: 80%;
    margin-left: 10vw;
    font-family:  'Arial Narrow', Arial, sans-serif;

}




h3 {
    font-size:1.4em;
    padding-bottom: 5vh;
}

h4 {
    font-size:1.28em;
    margin-top: -4vh;
    padding-bottom: 4vh;
}

p, pre {
    font-size: 12pt;
    line-height: 120%;
}


/* asddfgdfgd */
p,
h2,
h3,
h4 {
    color: darkorange;
}


.links1 {
    position: absolute;
    margin-top: 6vh;
    width: 6%;
    margin-left: 60vw;
    /* background-color: crimson; */
   
}
#r12,
#r8,
#r6,
#r3,
#fa3b,
#fa3a,
#fa2,
#fa2b,
#fa,
#fa1,
#fa3
{
    margin: 2vw;
}
#r9,
#r13,
#r6a,
#r4,
#b2a,
#b1a,
#b1,
#b2,
#b3,
#b3a, 
#b4b,
#b4 {
    padding: 50%;
    margin-left: -3vw;
   opacity: .0;
}



footer {
    padding: 2px;
    text-align: center;
    font-weight: bold;
    background-color: rgb(61, 69, 67);
    margin-top: 43vh;
    color: rgba(57, 201, 21, .5);
}


/* pulsing button effect
https://codepen.io/ash_s_west/pen/GRZbvym */

#footer2{
    position: relative;
    /* background-color: black; */
    border-radius: 4em;
    font-size: 16px;
    /* color: white; */
    padding: 0.8em 1.8em;
    cursor:pointer;
    user-select:none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s; /* Safari */
  }

  #footer2:hover {
    transition-duration: 0.1s;
    /* background-color: #3A3A3A; */
  }

  #footer2:after {
    content: "";
    display: block;
    position: absolute;
    /* border-radius: 4em; */
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 1.8s;
    box-shadow: 0px 0px 70px 40px white;
  }
 
  #footer2:active:after {
    box-shadow: 0 0 0 0 rgb(146, 32, 32);
    position: absolute;
    /* border-radius: 4em; */
    left: 0;
    top:0;
    opacity: 1;
    transition: 0s;
  }

  #footer2:active {
    top: 1px;
  }
  
  .sog {
transition-delay: 1s;
  }





/* aside 
{
    margin-top:5%;
    margin: 3%;
    background-color:#947cb8;
    padding:5px;
    text-align:center;
    font-style:italic;
    border:double 3px #b200ff;
} */

@media screen and (min-width: 490px) {
    article p {
          margin-left: 30vw;
    }
    article h3, h4 {
        margin-left: 20vw;
  }
#fq2,
 #fq {
    margin-left: 10vw;
    margin-right: 4vw;
}




#f h3{
    margin-left: 4vw;
   
}

.onewithpics {
    margin-top: 2vh;
}



  }

@media screen and (min-width: 749px) {
    .links1 {
          margin-top: 4vh;
    }
    .dropdown-content #fsh {
        /* background-color:cornflowerblue; */
    
        z-index: -2;
    padding-right: 12vw;
    padding-left: -14vw;
}

  }

  @media screen and (min-width: 1237px) {
    .links1 {  
        margin-top: 2vh;
    }
 
    #fsh { 
        z-index: 0;}
  }
  #ranchor4,
  #ranchor3,
  #ranchor1,
  #ranchor2,
  #fanchor3,
  #slanchor3,
#bganchor3,
#otbanchor3,
#fanchor2,
  #slanchor2,
#bganchor2,
#otbanchor2,
#otbanchor,
#bganchor,
#slanchor,
#fanchor  {
    position: absolute;
    top: -14vh;
    visibility: hidden;
  opacity: 0.8;
}