@font-face {
    font-family: 'OpenSauceOne-BoldItalic';
    src: url('./fonts/OpenSauceOne-BoldItalic.woff') format('woff');
    font-weight:600;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSauceOne-Italic';
    src: url('./fonts/OpenSauceOne-Italic.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

a{
    text-decoration: none;
    color: black;
    font-family: 'OpenSauceOne-BoldItalic';
}

.not{
    height: 80vh;
    display: flex;
    align-items: start;
}

.not_section {
    justify-content: center;
    min-width: 30vw;
    max-width: 90vw;
    height: auto;
    width: auto;
}

.not_img-container{
    align-items: end;

}



.footer_container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    padding: 2vh 0;
}


.bg_logo
{
    max-height: 80vh;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}


.header_nav
{
    position: absolute;
    
    z-index: 2;
}
header{
    padding: 2vh 0;
}

.nav_container{
    position: fixed;
    top: 2.5rem;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.nav_logo{
    width: 100%;
    height: auto;
    max-height: 5vh;
}
.p20
{
    font-family: 'OpenSauceOne-Italic';
    font-size: 1.25rem;
    color: black;
    text-decoration: none;
}
.p20:hover
{
    font-family: 'OpenSauceOne-BoldItalic';
    font-size: 1.25rem;
    color: black;
    text-decoration: none;
}
.p20_footer
{
    font-family: 'OpenSauceOne-Italic';
    font-size: 1.25rem;
    color: black;
    text-decoration: none;
}
a.p20 span {
    display: block;
    
}

.p12
{
    font-family: 'OpenSauceOne-Italic';
    font-size: .75rem;
    color: black;
    text-decoration: none;
}
 .p12:hover{
    font-family: 'OpenSauceOne-BoldItalic';
    font-size: .75rem;
    color: black;
    text-decoration: none;
}
.p12_footer{
    font-family: 'OpenSauceOne-Italic';
    font-size: .75rem;
    color: black;
    text-decoration: none;
}

.p10
{
    font-family: 'OpenSauceOne-Italic';
    font-size: .75rem;
    color: black;
    text-decoration: none;
}


  .slider_section{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }

  .slider_img-container{
    height: 100vh;
}
.slider_logo{
    overflow: hidden;
    padding: 3.125rem 0;
    background-color: white;
    height: 100vh;
}
.slider,.slider_rev,.slider_right{
    width: 100%;
    display: flex;
    gap: 12.5rem;
    flex-direction: column-reverse;
    height: calc(40vh*6);
    justify-content: space-between;
    white-space: nowrap;
}

.slider{
   animation: 15s slider infinite linear;
}
.slider_right{
   animation: 13s slider infinite linear;
}

.slider_rev{
   animation: 16s sliderRev infinite linear;
  
}

.carousel-item a img{
    max-height: 100%;
    object-fit: contain;
    margin: 1.25rem 0;
}

.carousel-item {
    flex: 1 0 auto;
    display: block;
    height: 40vh;
    margin: .9375rem 0;
  }

@keyframes slider {
    from{
        transform: translateY(100%);
    }
    to{
        transform: translateY(0);
    }
    
}
@keyframes sliderRev {
    from{
        transform: translateY(0);
    }
    to{
        transform: translateY(100%);
    }
    
}


@media (max-width:61.875rem) {
    .p12
    {
        font-family: 'OpenSauceOne-Italic';
        font-size: .5rem;
        color: black;
        text-decoration: none;
    }
    .p12:hover
    {
        font-family: 'OpenSauceOne-BoldItalic';
        font-size: .5rem;
        color: black;
        text-decoration: none;
    }
    .p12_footer
    {
        font-family: 'OpenSauceOne-Italic';
        font-size: .5rem;
        color: black;
        text-decoration: none;
    }
    

    .p20
    {
        font-family: 'OpenSauceOne-BoldItalic';
        font-size: .625rem;
        line-height: .5rem;
        color: black;
        text-decoration: none;
    }
    .p20:hover
    {
        font-family: 'OpenSauceOne-BoldItalic';
        font-size: .625rem;
        line-height: .5rem;
        color: black;
        text-decoration: none;
    }
    .p20_footer
    {
        font-family: 'OpenSauceOne-Italic';
        font-size: .625rem;
        color: black;
        text-decoration: none;
    }
   
    .p10
    {
        font-family: 'OpenSauceOne-Italic';
        font-size: 7px;
        color: black;
        text-decoration: none;
    }
    .not_section{
        height:auto;
        width: auto;
        align-items: center;
    }
    .not_img-container{
        gap:1rem;
        width: 50%;
        align-items: end;
    }
    .not_img{
       height: 100%;
       width: auto;
    }

    .slider{
        height: calc(40vh*4);
    }
    
    .slider_rev{
        height: calc(40vh*4);
    }
    .carousel-item{
        height: 30vh;
    }
}