@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&family=Quicksand:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.none{
    border: dotted 1px red;
}
*{
    margin: 0; padding: 0;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: #333333;
    box-sizing: border-box;
    border: none;
    list-style: none;

}

.cW{ color: #fffaf0; }
.cO{ color: #ed1c24; }

.bcW{ background-color: #fffaf0; }
.bcO{ background-color: #ed1c24; }
.bcG{ background-color: #333333; }

html{ scroll-behavior: smooth; }
body{ min-height: 100vh; }

.dNone{ display: none; }
.dRow{ display: flex; flex-direction: row; }
.dCol{ display: flex; flex-direction: column; }

.jcC{ justify-content: center; }
.jcE{ justify-content: end; }
.jcSB{ justify-content: space-between; }
.jcEV{ justify-content: space-evenly; }
.aiC{ align-items: center; }
.aiE { align-items: end; }
.aiS { align-items: start; }

.gap0H{ gap: 0rem 0.5rem; }
.gap1H{ gap: 0rem 1rem; }
.gap2H{ gap: 0rem 2rem; }
.gap3H{ gap: 0rem 3rem; }
.gap4H{ gap: 0rem 4rem; }
.gap5H{ gap: 0rem 5rem; }
.gap6H{ gap: 0rem 6rem; }

.gap0V{ gap: 0.5rem 0rem; }
.gap1V{ gap: 1rem 0rem; }
.gap2V{ gap: 2rem 0rem; }
.gap3V{ gap: 3rem 0rem; }
.gap4V{ gap: 4rem 0rem; }
.gap5V{ gap: 5rem 0rem; }
.gap6V{ gap: 6rem 0rem; }

.gap0{ gap: 0.5rem }
.gap1{ gap: 1rem }
.gap2{ gap: 2rem }
.gap3{ gap: 3rem }
.gap4{ gap: 4rem }
.gap4{ gap: 5rem }

.flx1{ flex: 1; }
.flx2{ flex: 2; }

.f0{ font-size: 0.8rem; }
.f1{ font-size: 1.1rem; }
.f2{ font-size: 1.5rem; }
.f3{ font-size: 2rem; }
.f4{ font-size: 3rem; }
.f5{ font-size: 4rem; }
.f6{ font-size: 5rem; }
.f7{ font-size: 7rem; }

.pA{ position: absolute; }
.pR{ position: relative; }

.oH{ overflow: hidden; }

.taC{ text-align: center; }
.taJ{ text-align: justify; }
.taJL{ text-align-last: justify; }

.fb{ font-weight: bold; }

.h100{ height: 100vh; }

.typeA{ margin: 0rem 0rem; padding: 4rem 4rem; }
.typeB{ margin: 0rem 0rem; padding: 2rem 0rem; }
.typeC{ margin: 0rem 0rem; padding: 2rem 4rem; }

.z0{ z-index: -10; }
.z1{ z-index: 1; }
.z5{ z-index: 5; }





.button_01{
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
}
.aside_01{
    top: 50%;
    right: 2rem;
}
.hea_01{
    background-image: 
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/bck.jpg');
    background-size: cover;
    background-position: center;
}
.art_bck{
    background-image: url('../img/art_bck.svg');
}








.ul_01{
    height: 15rem;
    overflow-y: scroll;
}

.b_sh{
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
    padding: 2rem;
    border-radius: 1rem;
}

.logo_01{
    height: 2.5rem;
}
.logo_02{
    height: 2rem;
}


.sec_01 a{
    white-space: nowrap;
    transition: all 0.3s ease;
}
.sec_01 a:hover{
    color: #ed1c24;
}
.sec_01{
    overflow-x: hidden;
}
.div_01{
    animation: scroll 100s linear infinite;
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}


.img_01{
    height: 5rem;
}
.img_02{
    height: 3rem;
}
.img_03{
    height: 20rem;
}