/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/*<link rel="stylesheet" href="https://use.typekit.net/efg8bra.css">*/

#shadowBox {
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.2);
    /* Black w/opacity/see-through */
    border: 3px solid;
}

.rainbow {
    text-align: center;
    text-decoration: underline;
    font-size: 32px;
    font-family: monospace;
    letter-spacing: 5px;
}
.rainbow_text_animated {
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

.inline {
  display: inline-block; /* the default for span */
  padding: 5px;
  border: 2px;  
}

  :root {
    --border-color: #650606;
    --border-size: 3px;
    --negative-border: calc(-1 * var(--border-size));
    --bg-color: hwb(0 0% 91%);
    --nav-width: 176px;
    --wrapper-width: 895px;
    --scrollbar-fg: #a0a0a0;
    --scrollbar-bg: #000000;
  }
  
  * {
    cursor: url("images/pbreg.png"), auto;
  }


.doug {
    width:200px;
    height:200px;
}
.floug {
    background-color: hwb(0 0% 91%);
    width:660px;
    margin:auto;
    text-align:left;
    padding:20px;
}


  
   .enter {
    position: relative;
    display: inline-block;
    cursor: url("images/pbreg.png"), auto;
  }
    .enter .enter-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    cursor: url("images/pbreg.png"), auto;
  }
    .enter:hover .enter-top {
    display: inline;
    cursor: url("images/pbreg.png"), auto;
  }
  
  
  html, body {
    width: 100%;
    height: 100%;  
    margin: 0;
    padding: 0;
    line-height: 1.7;
    font-size: 14px;
    font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
  }
  
  body {                                                                                 /*background image*/
    background-image: url("https://quietcoyote-portfolio.neocities.org/images/starbg.jpg");
    background-attachment: fixed;
    font-family: 'Courier Prime', monospace;
    color: white;
    animation: background 4s infinite linear;
  }
  
  @keyframes background {
    0% {
      background-position: 0px 0px;
    }
    100% {
      background-position: 142px 68px;
    }
  }
  
  footer, nav {
    padding: 10px 10px;
    background-color: var(--bg-color);
  }
  
  main {
    float: center;
    width: 700px;
    height: 400px;
    border: var(--border-size) solid var(--border-color);
    top: 80px;
    margin: 0 auto;
    margin-top: 200px;
    line-height: 1.4;
    background-color: var(--bg-color);
    font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
  }
  
/*  #wrapper {*/
/*    width: var(--wrapper-width);*/
/*    margin: 0 auto;*/
/*... (195 lines left)*/

/*.doug{*/
/* background-color: #3E5879; */
/* color: #F5EFE7; */
/* width:5vw;*/
/*}*/

/*doug{*/
/* background-color: #3E5879; */
/* color: #F5EFE7; */
/* width:5vw;*/
/*}*/