


p {

font-family: 'Assistant', sans-serif;
font-size: 1.1em;
color:black;}

a:link  {
  color:black;
  text-decoration: underline;
    }

p a:visited,  a:focus {
  color:black;
  text-decoration: none;
    }

p a:hover, a:focus:hover {
      text-decoration: none;
      color:#99ff99;
  
    }





div {padding: 0 !important;
      margin: 0 !important;
    }



#name {
        margin-left: 0.8em;
        text-align: left;
        font-family: 'Assistant', sans-serif;
        font-size: 1.8em;
        font-weight: 700;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width:0.05em;
        
       //background: black;
    }

#name:hover {
  -webkit-text-fill-color: #ccffcc;
    }


.right {
        
        padding: 0 !important;
        width: 100%;
        line-height: 50%;  
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        

        
    }

.right.clicked {
        
        line-height: 160%;

    }

.proCont {height:35px;
      overflow:hidden;}

.proCont.clicked {height:100%;
      }


.left {
        padding: 0 !important;
     
      }

    
.pic{
  height: 35px;
  width: 100%;
  object-fit: fill;
  display:block;
    }

.pic.clicked {
  height: 100%;
    }

.activelink {
pointer-events: none;
    }

.activelink.clicked {
pointer-events: auto;
    }

#about {
      display: none;
      margin-left: 2em;
    }

#about.clicked {
      display: block;
    }


#main {

  width:100%;

}

.separator {
  background-color: black;
  width:100%;
  min-height: 35px;
  height: 35px;

}

.thumbImg {

  
  width: 100%;
  height:100%;
  object-fit: contain !important;



}

.thumbs {
 
  vertical-align: bottom;
  display:none;


 
}

.thumbs.clicked{
    display: block;
    
}

.gallery {
  width:100%;
  display: none;
  
}

.gallery.clicked {

  display: block;
  
}


.galleryPic {
max-width:100%;
max-height:80vh;
object-fit: fill;
display: block;
margin-left: auto !important;
margin-right: auto !important;
}

.galleryPic.clicked {

display: block;

}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}

#filler {
  display: none;
  position:relative;
  height: 100vh;
  
}

#filler.clicked {
  display: block;
}