@import url(https://db.onlinewebfonts.com/c/d2113531b60b80abb9710c514ca5fcfa?family=Shopify+Sans+Web+Bold+Regular);



/* Animer #mobile-menu quand la class hidden est enlevé 
#mobile-menu{
    transition: all 0.3s ease-in-out;
}

#mobile-menu.hidden{
    transform: translateX(-100%);
}

*/
.hover\:bg-gray-700:hover{
    background-color: #18336d;
}
.bg-gray-800{
    background-color: #041b4d;
}
.bg-gray-900{
    background-color: #021131;
}
.active 
h1{
    font-family: 'Shopify Sans Web bold Regular';
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 3.5rem!important;
}

.hero video{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
video{
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	object-fit: cover;
	z-index: -100;
}

.hero{
    /*
    background-image: url(/src/img/Rocket_League_background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero h1{
    /* ombres */
    text-shadow: 0px 0px 30px rgba(0,0,0,1);
}
.hero p{
    /* ombres */
    text-shadow: 0px 0px 30px rgba(0,0,0,1);
}

.btn{
    border-radius: 5px;
    font-family: 'Shopify Sans Web bold Regular';
    font-weight: 700;
    letter-spacing: -0.02em;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease-in-out;
}
.btn-primary{
    background-color: #041b4d;
    color: #fff;
}
.btn-primary:hover{
    background-color: #fff;
    color: #041b4d;
    transition: all 0.3s ease-in-out;
}

.btn-secondary{
    background-color: #041b4d;
    color: #fff;
}
.btn-secondary:hover{
    background-color: #18336d;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.default-section{
    padding: 10rem 0;
}

.team_group{
    display: flex;
    /* espace entre les deux texts */
    justify-content: space-between;
}
#first-section{
    padding-bottom: 8rem!important;
}

#second-section{
    padding-top: 0!important;
}

.scrollable{
    overflow-y: scroll;
}

.translate-y-negative-full{
    transform: translateY(-100%);
}