@import url('https://fonts.googleapis.com/css2?family=Vollkorn&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Vollkorn&display=swap');
html {
  scroll-behavior: smooth;
}

html,body {
    overflow-x: hidden;
}


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  
  
  }

.nav-item{
   
    font-size: large   ;
    font-weight: 500;
    letter-spacing: 500;
    font-family: 'Vollkorn', serif;

}


.bg-dark {
    background:#000 !important;
    transition:0.75s ease;
}
.bg-dark.scrolled {
    background:#000 !important;
    opacity: 0.9;
    box-shadow: 0 8px 6px -6px rgb(0, 0, 0);
    
}

.mynav a{
    color:white ;
    margin-right: 30px;
}

.mynav a:hover{
    color: #FCC202 !important;
    border-bottom: 2px solid #FCC202;
}



.active a{
    color: #FCC202 !important;
    border-bottom: 2px solid #FCC202;
}



.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
  color: #FCC202 !important;
  border-bottom: 2px solid #FCC202;
}

.navbar-dark .navbar-nav .nav-link {
  color:white;
}


.mynav .navbar-brand:hover{
  border-bottom: 2px solid #000;

}


.space{
  margin-top: 30pt;
}

h1.h2stilus{

    font-size: 24px;
    font-weight:700;
}