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

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


header {

    text-align: center;
    
  
  
}

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

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

.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;
    
}

h2,
p {
    /* padding-left:5vw; */
    padding-top: 3vw;
    color: darkorange;
}

h3,
h4 {
    color: darkorange;
}


.links1 {
    position: absolute;
    margin-top: 6vh;
    width: 6%;
    margin-left: 60vw;
    /* background-color: crimson; */
   
}

#fa2,
#fa,
#fa1,
#fa3
{
    margin: 2vw;
}

#b1,
#b2,
#b3,
#b4 {
    padding: 50%;
    margin-left: -3vw;
   opacity: .0;
}

p, pre {
    font-size: 8pt;
}

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


/* 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;
  }

 #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;
    }
  }

  @media screen and (min-width: 1237px) {
    .links1 {  
        margin-top: 2vh;
    }
  }


#otbanchor,
#bganchor,
#slanchor,
#fanchor  {
    position: absolute;
    top: -14vh;
    visibility: hidden;
  opacity: 0.8;
}