:root {
  --color-purpz: rgb(59,45,59);
  --color-purpz-alt: black;
  --color-sky: rgb(222,235,247);
  --color-sky-alt: mintcream;
}
body {
  background-color: black;
  color: var(--color-purpz, --color-purpz-alt);
  font-family: tahoma, sans-serif;
  font-size: 14px;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
* {
  margin: 0;
  padding: 0;
}
h1 {
  color: var(--color-sky, --color-sky-alt);
  font-family: tahoma, sans-serif;
}
p {
  color: var(--color-purpz, --color-sky-alt);
  font-family: tahoma, sans-serif;
}

  .content
  {
    background-color: var(--color-sky, --color-sky-alt);
  }
  #leftbar
  {
    line-height:            32px;
    background-color:       #000000;
    height:                 
      100vh;
    width:                  15%;
    float:                  left;
    position:               fixed;
    left:                   0px;
    top:                    0px;
    padding:                0%;
    margin:                 0px;
    font-family:            "Century Gothic", "Arial", Sans-serif;
    font-weight:            bold;
    text-shadow:            0.666px 0.666px #000000;
  }
  
  #rightbar
  {
    line-height:            32px;
    background-color:       #000000;
    height:                 100vh;
    width:                  15%;
    float:                  right;
    position:               fixed;
    right:                  0px;
    top:                    0px;
    padding:                0%;
    margin:                 0px;
    font-family:            "Century Gothic", "Arial", Sans-serif;
    font-weight:            bold;
    text-shadow:            0.666px 0.666px #000000;
  }
  #topbar
  {
    background-color:       #000034;
    height:                 50px;
    width:                  70%;
    position:               -webkit-sticky;
    position:               sticky;
    top:                    0px;
    left:                   15%;
    z-index:                100;
  }
  .barfrg {
    background-color:       #000000;
    height:                 100%;
    width:                  25%;
    position:               relative;
    float:                  left;
  }
  .barfrg:hover {
    background-color:       rgba(255,255,255,0.3);
  }
  .barfrg p { 
    margin:                 0;
    position:               absolute;
    top:                    50%;
    left:                   50%;
    transform:              translate(-50%, -50%);
    text-align:             center;
    font-size:              17px;
    font-weight:            bold;
    color:                  var(--color-sky, --color-sky-alt);
  }
  a.nav
  {
    text-decoration:  none;
    color:      #11bbee;
  }
  .topbanner {
    background-color:       #000000;
    height:                 150px;
    width:                  100vw;
    top:                    0px;
    position:               static;
  }
  .fillbox img {
    width:                  100vw;
    height:                 150px;
    object-fit:             cover;
  }
  #topinfo {
    position:     relative;
    left:         15%;
    width:        70%;
    height:       60px;
  }
  #topinfo p {
    margin:                 0;
    font-family:            "Century Gothic", "Tahoma", "Arial", Serif;
    font-size:              24px;
    text-align:             center;
    position:               absolute;
    white-space:            normal;
    font-weight:            bold;
    top:                    80%;
    left:                   50%;
    transform:              translate(-50%, -50%);
  }
  #subinfo {
    position:     relative;
    left:         15vw;
    width:        70vw;
    height:       6vh;
  }
  #subinfo p {
    margin:                 0;
    font-family:            "Century Gothic", "Tahoma", "Arial", Serif;
    font-size:              16px;
    text-align:             center;
    position:               absolute;
    white-space:            normal;
    top:                    30%;
    left:                   50%;
    transform:              translate(-50%, -50%);
  }
  .anim {
    font-family:  "tahoma", "arial", serif;
    font-size:    14px;
    position:     relative;
    width:        60%;
    left:         20%;
    white-space:  normal;
  
  }
  .buttonrow {
    font-size: 0;
  }
  .anim button {
    background-color: #FFFFFF;
    color:            var(--color-purpz, --color-sky-alt);
    font-family:      tahoma, sans-serif;
    font-size:        21px;
    font-weight:      bold;
    width:            100px;
    height:           40px;
    border:           none;
    margin:           0px;
    transition-duration: 0.4s;
  }
  .anim button:hover {
    background-color: var(--color-purpz, --color-sky-alt);
    color: #FFFFFF;
  }
  .anim img {
    display:          block;
    max-width:        100%;
    object-fit:       contain;
  }
  #addr {
    background-color: black;
    position:         relative;
    left:             15vw;
    width:            70vw;
    z-index:          99;
  }
  #addr p {
    font-family:  "Tahoma", "Arial", Serif;
    text-align:   justify;
    font-size:    12px;
    color:        var(--color-sky, --color-sky-alt);
    white-space:  normal;
    margin-left:  10%;
    margin-right: 10%;
  }
  .footgrad { 
    background-image: linear-gradient(var(--color-sky, --color-sky-alt),black);
    width:            100vw;
    height:           50px;
    position:         relative;
  }
  .pframe {
    background-color:       black;
    width:                  16vw;
    height:                 20vh;
    left:                   20vw;
    position:               relative;
    float:                  left;
    padding:          2px;
    margin-right:     2vw;
    margin-bottom:    1vh;
  }
  .pframe img {
    width:            100%;
    height:           100%;
    object-fit:       cover;
  }
  #testo {
    object-position: 100% 0%;
  }