/*  
Theme Name: UNLOCKCASTING 2023
Version: 1.0
Theme URI: http://matthieulaporte.com/
Description: Matthieu Laporte
Author: Matthieu Laporte
Author URI: http://matthieulaporte.com/
*/

/* typo couleurs general */

html {
    scroll-behavior: smooth; 
}
body {
    padding: 0px;
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;

    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
     -ms-animation: fadein 0.5s; /* Internet Explorer */
      -o-animation: fadein 0.5s; /* Opera < 12.1 */
         animation: fadein 0.5s;
}

@keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}


html {
padding:0; 
margin:0; 
background: #ffffff; 
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p, h3 {
    color: #111111;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.8px;
}
h1 {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0.5px;
    margin-top: 0px;
    text-align: center;
    }
h3 {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}

h2 {
    font-size: 400px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -1.5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 1px;
    line-height: 335px;
    margin-left: -8px;
}
a {
    color: #111111;
    text-decoration: none;
    border: 0px;
}  

span {
font-weight: inherit;
}
strong, b {
    font-weight: 700;
}
blockquote {
    padding: 0;
    margin-top: 0px;
    margin-bottom: px;
    margin-inline-start: 0px;
    margin-inline-end: 0;
}
blockquote p {
    letter-spacing: 1px!important;
    width: 100%;
    text-transform: uppercase;
    line-height: 45px;
    font-size: 30px;
    font-style: italic;
}

hr {
    background-color: #EEEEEE;
    border: 0 none;
    float: left;
    height: 1px;
    margin-bottom: 25px;
    margin-top: 25px;
    width: 98%;
}

p a {
    color: #111111;
    text-decoration: none;
    border: none;
    border-bottom: 1px solid #ccc;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
p a:hover {
    border-bottom: 1px solid #111111;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.p-light {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    margin-top: 0px;
}
#load-infinite {
    text-align: center;
    width: 100%;
    background-color: #111;
}
#load-infinite img {
    width: 80px;
    height: auto;
}

.scrolling-container {
  max-height: 200px; /* Hauteur max avec scroll */
  width: 300px; /* Ajuste selon tes besoins */
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 20px auto; /* Centrage horizontal */
  border-radius: 15px;
}