
html, body {
  height: auto;     
  margin: 0;
  padding: 0;
  overflow: auto;   
  font-family: "GENSCO";
  background-color: var(--bgcolor);
  color: var(--textcolor);
}

#image-column {
  display: none !important;
}

blockquote{

font-size:1.3em ;
text-align: start;
padding-right: 3em;
  padding-left: 25em;
}

.bubu{
  margin-left: 2em;
  font-size: 0em;
  margin-right: 2em;
}


.wild {
  background-color: var(--accent);
  text-align: end;
   padding-right: 3em;
  padding-left: 10em;
  font-family: "gensco";
  padding-bottom: 1.5em;
  font-size: 2.2rem;
}

header h1 {
  text-align: start;
  text-transform: uppercase;
  
  height: 100vh;
  margin-top: 30vh;
 
  

}
header .subtitle {
  font-size: 5rem;
  margin-left: 6%;
 
}
h2{
  text-align: center;
  font-size: 3em;
  margin-top: 7em;
  margin-bottom: 3em;
}
h3{
font-size: 3em;
margin-left: 3em;
}
ul {
font-size: 2em;
margin-top: 1em;
margin-left: 3em;
}

test{
   font-size: 16vw
}


strong{
font-size: 1.5em;


}

.authors1 {
  font-size: 1.5rem;
 
  margin-left:6% ;

}

.text-column {
  width: 100% !important;
  height: auto !important;
  margin: 0;
  padding: 1rem 5%;
  overflow: visible !important;
  box-sizing: border-box;
}
p.tags-link{ text-align: center;
font-size: 3em;
padding-top: 2em;

}
p.tags-link.animate:hover {
  animation: pulse 0.2s ease-out;
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.text-column img {
  display: none !important;
}


main {
  display: block; 
  width: 100%;
  height: auto;
}

.intro{
  margin-bottom: 3.5em;
}








@media (max-width: 600px) {

  html, body {
    overflow-x: hidden;
  }

  
  * {
    max-width: 100%;
  }

  
  header h1 {
    height: auto;
    margin-top: 20vh;
    font-size: 2.2rem;
    text-align: left;
    height: 100vh;
  }

  header .subtitle {
    font-size: 1.4rem;
    margin-left: 0.5em;
     margin-right: 0.5em;
  }

  
  blockquote {
    padding: 0rem;
    font-size: 1rem;
    text-align: left;
    padding-bottom: 20em;
  }

  .wild {
    padding: 0.1em;
    margin-bottom: 17em;
   margin-top: 0em;
    font-size: 1.4rem;
    text-align: right;

  }

 
  h2 {
    font-size: 3rem;
   
  }

  h3 {
    font-size: 1.5rem;
    margin-left: 0;
  }

  
  ul {
    margin-top: 3em;
    font-size: 1.1rem;
    margin-left: 1rem;
  }

  .text-column {
    
  }

 
  .authors1 {
    font-size: 1rem;
    margin-left: 0.5em;
    margin-right: 0.5em;
  }

  strong {
    font-size: 1.2em;
  }


  p.tags-link {
    font-size: 2em;
    padding-top: 1.5rem;
  }


  .top-nav {
    writing-mode: horizontal-tb;
    position: fixed;
    bottom: 0;
    top: auto;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 0.8rem;
    padding: 0.6rem;
  }
}

