@font-face {
    font-family: 'hershey';
    src: url('fonts/Hershey-Noailles-OldFrench-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hershey astro';
    src: url('fonts/Hershey-Noailles-astrology0.5.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hershey cursive';
    src: url('fonts/Hershey-Noailles-cursive.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hershey parade';
    src: url('fonts/Hershey-Noailles-parade.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hershey futural2';
    src: url('fonts/Hershey-Noailles-futural2.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-size: 1.25em;
  height: 100vw;
  width: 100vw;
  background-image: url(imgs/bit-bottle-t.webp);
}
p {
    margin: 0;
}
.background-image {
  background-repeat: repeat-x;
  background-repeat: repeat-y;
}   
.container {
  /* width: 96%; */
  min-width: 400px;
  max-width: 50%;
}
.row {
  display: flex;
  flex-direction: row;
}
.col {
  background-color: rgb(7, 7, 7);
  opacity: 0.8;
  margin: 0;
  padding: .5em;
}
#title1 {
  font-family: 'hershey futural2';
  padding-bottom: 1em;
  color: whitesmoke;
}
.txt {
  font-family: 'hershey futural2';
  color: whitesmoke;
  padding-bottom: .85em;
}

.symbol{
  font-family: 'Hershey-Noailles-parade';
}

.descript {
  font-family: 'hershey futural2';
  color: whitesmoke;
    margin-bottom: 0;
    padding: 0;
}

a { color: inherit; text-decoration: underline; }
a:link { color: inherit; text-decoration: underline; }
a:visited { color: inherit; text-decoration: underline; }
a:hover { color: inherit; text-decoration: underline; }
a:active { color: inherit; text-decoration: underline; }