/* 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." */

html {
  background-image: linear-gradient(to right, black 16%, green 25%, green 75%, black 84%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top;
  background-color: black;
  background-size: auto;
/*   overflow: scroll;  */
}
body {
  color: #cccccc;
  font-family: Verdana;
  font-size: 100%;
  opacity: 1.0;
  text-align: center;
  width: 99vw;
  margin: auto;
}
/*  
p {  
    padding: 0rem 1rem 0rem 1rem;
}  */
.borderbar-L {
    padding: 0px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
.borderbar-R {
    padding: 0px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
}
a {
    color: #ffffff;
}
/*  
a:link {
  color: #00c800;
}
a:visited {
  color: #006300;
}  */

.contents {
    border-radius: 15px;
    background: rgba(52, 52, 52, 1.0);
    border: 2px solid green;
    width: 48%;
    margin: 2rem auto 2rem auto;
}

.coverpic {
    width:100%;
    height: auto;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.headlinebanner {
    transform: translateY(-4.9rem);
    background: rgba(52, 52, 52, .6);
    padding: .5rem 0 .5rem 0;
}
.textshadow {
    color: #ffffff;
    text-shadow: -2px 2px 1px #000000, -2px -2px 1px #000000, 2px -2px 1px #000000, 2px 2px 1px #000000;
}
.head1 {
    font-weight: 900;
    font-size: 1.8rem;
}
.head2 {
    font-weight: 700;
    font-size: 1.3rem;
}
.portfolios {
    border: 0px solid #000000;
    transform: translateY(-2.4rem);
    margin: auto;
}
.profile {
    background-image: linear-gradient(to right, darkgreen, lime);
    border-radius: 15px;
    margin: auto;
}
.portfolio {
    background-image: radial-gradient(farthest-side, lime 40%, darkgreen);
    border-radius: 15px;
    margin: auto;
}
.portfolio2 {
    width: 85%;
    margin: auto;
    padding: 5px;
    background: rgba(0, 0, 0, 1.0);
    border-radius: 15px;
    border: solid 3px lime;
}
.goldstar {
    color: #ffdd00;
    font-family: "Sofia", sans-serif;
    font-size: 2vw;
    text-align: center;
    text-shadow: -3px 3px 25px #ffbb00, -3px -3px 25px #ffbb00, 3px -3px 25px #ffbb00, 3px 3px 25px #ffbb00;
}
.username {
    font-family: "Sofia", sans-serif;
    font-size: 1.6vw;
    color: #001100;
    text-align: center;
    text-shadow: -3px 3px 25px #00ff00, -3px -3px 25px #00ff00, 3px -3px 25px #00ff00, 3px 3px 25px #00ff00;
}
.network {
    color: #cfcfcf;
    text-align: center;
    font-size: .8em;
    text-shadow: -5px 5px 20px #00ff00, -5px -5px 20px #00ff00, 5px -5px 20px #00ff00, 5px 5px 20px #00ff00;
}
.extendedname {
    color: #ffdd00;
    text-align: center;
    font-size: .6em;
    text-shadow: -3px 3px 10px #cc9600, -3px -3px 10px #cc9600, 3px -3px 10px #cc9600, 3px 3px 10px #cc9600;
}
.resume {
    background-image: linear-gradient(to right, lime, darkgreen);
    border-radius: 15px;
    margin: auto;
}
#profile {
    border-radius: 15px;
    visibility: hidden;
    height: 0;
}
#alterego {
    visibility: hidden;
    border-radius: 15px;
    transform: translateY(-2.85rem); 
    height: 0;
}
#portfolio {
    visibility: hidden;
    border-radius: 15px;
    transform: translateY(-5.75rem);
    height: 0;
}
#resume {
    visibility: hidden;
    border-radius: 15px;
    transform: translateY(-8.65rem);
    height: 0;
}
#absenthearts {
    visibility: hidden;
    transform: translateY(-11.5rem);
    border-radius: 15px;
    background-image: url("../_images/jgallaway81/remembrances-title2a.png");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top;
    background-color: black;
    background-size: contain;
    height: 0;
}
.buffered {
    margin: 2px;
}
.iblock {
    display: inline-block;
    width:17%;   
    padding: .8rem;
    margin: .6rem;
}
.list {
    color: white;
    font-weight: 700;
    text-align: left;
    margin: 1rem auto 0;
    font-size: 1.2rem;
    max-width: 85%;
}
.badge {
    width: 100px;
    height: auto;
    margin: auto;
    vertical-align: top;
}
.badgebox {
    width: auto;
    height: 100px;
    vertical-align: top;
}
.tietac {
    width: 35px;
    height: auto;
    margin: auto;
    vertical-align: top;
}
.starbox {
    width: 5em;
}
.grntxt {
    color: green;
}
.whttxt {
    color:white;
}
.gldtxt {
    color: #ffdd00;
}

.fs160 {
    font-size: 160%;
}
.fs135 {
    font-size: 135%;
}
.fs125 {
    font-size: 125%;
}
.fs110 {
    font-size: 110%;
}
.fs100 {
    font-size: 100%;
}
.fs80 {
    font-size: 80%;
}
.bstxt {
    font-family: Verdana;
}
.protxt {
    font-family: Times;
}
.itxt {
    font-style: italic;
}
.otxt {
    font-style: oblique;
}
.ctxt {
    text-align: center;
}
.ltxt {
    text-align: left;
}
.rtxt {
    text-align: right;
}
.vline {
    vertical-align: top;
}
.legacy {
    margin: 1.6rem auto;
    background-image: linear-gradient(to bottom right,  #002600, #004800, #008000, #008000, #004800, #002600);
    border: 3px ridge gold;
    padding: .45rem;
    text-align: justify;
    max-width: 85%;
}
.lgcyHR {
    width:75%;
    color:gold; 
    height: 2px;
    background-color: gold;
    border: none;
}
.heartsHR {
    width:85%;
    color:gold; 
    height: 1px;
    background-color: gold;
    border: none;
}
.left{
    float:left;
    padding:0 .5rem 0 0;
}
.motto {
    font-family: "Sofia", sans-serif;
    font-size: 1.5vw;
    font-style: italic;
    color: #ffffff;
}
.sayings-old {
    font-family: "Sofia", sans-serif;
    font-size: 1.6vw;
    font-style: italic;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 2px 0 1px #3d3d3d, 2px 2px 1px #3d3d3d ;
}
.sayings {
    font-family: "Sofia", sans-serif;
    font-size: 1.6vw;
    font-style: italic;
    color: #000000;
    text-align: center;
    text-shadow: -2px 2px 20px #ffc14f, -2px -2px 20px #ffc14f, 2px -2px 20px #ffc14f, 2px 2px 20px #ffc14f;
}
.sayshift1 {
     transform: translateY(-1.5rem);
}
.remembrance {
    color: #cccccc;
    width: 90%;
    margin: auto;
}
.remember {
    width: 100%;
}
.photo {
    margin-right: .6em;
    vertical-align: top;
}
img.photo {
    height: auto;
    max-width: 175px;
    }
.name {
    color: #00FF00;
    text-shadow: -1px -1px 15px #007500,  1px 1px 15px #007500; 
    font-family: "Sofia", sans-serif;
    text-align: center;
    font-size: 1.8em;    
}
.date {
    text-shadow: -1px -1px 15px #007500,  1px 1px 15px #007500, -1px -1px 5px #00FF00, 1px 1px 15px #00FF00; 
    color: black;
    text-align: center;
    font-stretch: extra-expanded;
}
.memory {
    font-family: times, serif;
    color: #cccccc;
}
.navbutton {
    max-height: 90px;
    height: 6.8vw;
    width: auto;
    margin: auto;
    padding: 0 25px;
}

.navbar {
    width: 85%;
    margin: auto;
}

.titlebanner {
    color: #ffffff;
    text-shadow: -3px 3px 2px #000000, -3px -3px 2px #000000, 3px -3px 2px #000000, 3px 3px 2px #000000;
    font-weight: 900;
    font-size: 3.5vw;
    display: inline-block;
    width:25vw;   
    padding: .8rem;
    margin: auto;
    background-image: linear-gradient(to bottom, #002600, #008000, lime, #008000, #002600);
    border-radius: 1.3vw;
    border: 3px ridge gold;
}
.titlebutton {
    color: #ffffff;
    text-shadow: -3px 3px 2px #000000, -3px -3px 2px #000000, 3px -3px 2px #000000, 3px 3px 2px #000000, 0 3px 2px #000000, 0 -3px 2px #000000;
    font-weight: 400;
    font-size: 1.8rem;
    display: inline-block;
    width:auto;   
    padding: .8rem;
    margin: auto 1rem 1rem 1rem;
    background-image: linear-gradient(to bottom, #002600, #008000, lime, #008000, #002600);
    border-radius: 1vw;
    border: 2px ridge gold;
}
.booksleft {
    float: left;
    width: auto;
    height: 9.5vw;
    margin-right: 1.25vw;
}
.booksright {
    float: right;
    width: auto;
    height: 9.5vw;
    margin-left: 1.25vw;
}

.buttondev {
    color: #ffffff;
    text-shadow: -3px 3px 2px #000000, -3px -3px 2px #000000, 3px -3px 2px #000000, 3px 3px 2px #000000;
    font-weight: 900;
    font-size: 4rem;
    display: inline-block;
    width:45%;   
    padding: .8rem;
    margin: .6rem;
    background-image: linear-gradient(to bottom, #002600, #008000, lime, #008000, #002600);
    border-radius: 25px;
    border: 3px ridge gold;
}

.buttondev2 {
    color: #ffffff;
    text-shadow: -3px 3px 2px #000000, -3px -3px 2px #000000, 3px -3px 2px #000000, 3px 3px 2px #000000;
    font-weight: 900;
    font-size: 4rem;
    display: inline-block;
    width:75%;   
    padding: .8rem;
    margin: .6rem;
    background-image: linear-gradient(to bottom, #002600, #008000, lime, #008000, #002600);
    border-radius: 25px;
    border: 3px ridge gold;
}
.cpywrt1 {
    width: 37vw;
    background-color: #1a1a1a ;
    border: 4px ridge #009900;
    border-radius: 1vw;
    margin: 1.5vw auto;
    padding: 1vw;
}
.cpywrt2 {
    font-family: NatPark-Reg;
    font-size: max(1.0vw, 1em);
    color: #fff5cc;
    text-align: justify;
}
.cpywrt3 {
    margin-top: -.65rem;
}
.cpywrt4 {
    min-height: 11.5rem;
}

.bookmark1 {
    width: 25vw;
    margin-top: 1.75rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.75rem;    
}
.bklinx:link {
  color: #00c800;
}
.bklinx:visited {
  color: #006300;
}
.amznlnk:link {
    color: #ff8533;
}
.amznlnk:visited {
  color: #b34700;
}
.notice {
    border: 3px ridge #ffffff;
    border-radius: .75vw;
    padding: .75vw;
    background-color: #0000e6;
    color: #f2f2f2;
    font-family: monospace;
    font-size: max(.5vw, .7em);
}

.bffr {
    display:inline-block;
    padding-right:2.5vw;
    font-weight:900;
}


/* -- Begin CSS Properties for the footer bar -- */

.ftr_div {
    width: 99vw;
    position: fixed;
    bottom: 5px;
    /* border: solid 1px black; */
}
.ftr_hr {
    width: 70%;
    margin: auto;
    margin-bottom: 1vh;
} 
.ftr_bnr {
    height: 45px;
    margin-top: -5px;
    margin-bottom:5px;
}
.ftr_brdr {
    border: 1px solid black;
}
.ftr_tbl {
    background: rgba(46, 46, 46, .65);
    border-radius: 1.5vw;
    border-style: ridge;
    border-width: thick;
    border-color: rgba(26, 255, 26, 1);
    text-align: center;
    width: 65%; 
    min-width: 47em; 
    margin: auto; 
    color: #dddddd;
}
.ftr_tr {
     height: 1.5em; 
}
.ftr_logo {
    Height:85px;
    margin:10px;
}
.ftr_info {
    font-family: Verdana;
    font-size: clamp(.30em, 1.0vw, .8em);
    font-weight: bold;
    text-align: center;
}