::-webkit-scrollbar{
    display: none;
}
body {
    background: rgb(15, 15, 15);
    font-family: arial;
    margin: 0;
    padding: 0;
    user-select: none;
    color: whitesmoke;
}
a {
    color: inherit; 
}
/*header menu*/
.animated-link {
    display: flex;
    color: whitesmoke;
    text-decoration: none;
    text-shadow: 0 1px 2px black;
    writing-mode: vertical-lr;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
}
.animated-link a {
    display: flex;
    background-color: red;
    color: whitesmoke;
    text-decoration: none;
    padding: 10px 5px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 0 0 0 5px;
    cursor: pointer;
    transition:
    color 0.5s ease-out,
    background-color 0.15s ease-out;
}
.animated-link a:nth-child(2n) {
    display: flex;
    background-color:rgb(255, 200, 0);
    color: whitesmoke;
    padding: 10px 5px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    transition:
    color 0.5s ease-out,
    background-color 0.15s ease-out;
}
.animated-link a:nth-child(3n) {
    display: flex;
    background-color:blue;
    color: whitesmoke;
    padding: 10px 5px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    transition:
    color 0.5s ease-out,
    background-color 0.15s ease-out;
}
.animated-link a:hover:nth-child(1n) {
    color: black;
    background-color: whitesmoke;
    box-shadow: 0 0 30px black;
    text-shadow: none;
}
.animated-link a:hover:nth-child(2n) {
    color: black;
    background-color: whitesmoke;
    box-shadow: 0 0 30px black;
}
.animated-link a:hover:nth-child(3n) {
    color: black;
    background-color: whitesmoke;
    box-shadow: 0 0 30px black;
}
/*logo dude right side*/
.logo {
    object-fit: contain;
    filter: drop-shadow(-1px 7px 3px black);
    animation: funkyY 1s ease-in-out infinite;
}
.logodisplace:hover {
    width: 200px;
    height: 200px;
}
.logodisplace {
    position: fixed;
    bottom: 10px;
    right: 0;
    width: 80px;
    height: 80px;
    animation: displace 90s linear infinite;
    z-index: 1;
    transition: all 0s;
    cursor: none;
}
.chat {
    position: absolute;
    top: 0;
    display: none;
    text-shadow: 0 1px 2px black;
    font-style: italic;
    rotate: -5deg;
    margin-left: -50px;
}
@keyframes displace {
    50% {
        transform: translateY(-65vh);
    }
}
/*+ Skatinette +*/
h1 {
    color: black;
    -webkit-text-stroke: 1px whitesmoke;
    text-align: center;
    font-size: 5vmax;
    margin: 20px auto 0;
    animation: funkyY 2s ease-in-out infinite;
}
@keyframes funkyY {
    50% {
       transform: translateY(10px);
    }
}
/*description head*/
h2 {
    text-align: center;
    font-style: italic;
    font-size: 1.5vmax;
    margin-bottom: 40px;
    text-transform: uppercase;
}
/*Series title*/
h3 {
    font-size: 3vmax;
    position: absolute;
    text-shadow: 1px 0 2px black;
    writing-mode: vertical-lr;
    margin: 10px 0 0 10px;
    white-space: nowrap;
}
/*description series*/
h4 {
    font-style: italic;
    font-size: 1.5vmax;
    position: absolute;
    rotate: -8deg;
    margin-left: 10vmin;
    margin-top: 50px;
    text-shadow: 0 1px 2px black;
    white-space: nowrap;
}
/*main container*/
.column {
    background: rgb(70, 70, 70);
    max-width: 800px;
    margin: auto;
    box-shadow: 0 0 50px grey;
    border-radius: 20px;
}
/*row red*/
.row1 {
    display: flex;
    background: red;
    position: sticky;
    top: 1px;
    border-radius: 20px 20px 20px 0;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.7);
    margin-bottom: -20px;
}
/*row yellow*/
.row2 {
    display: flex;
    background: rgb(255, 200, 0);
    position: sticky;
    top: 1px;
    border-radius: 20px 20px 20px 0;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.7);
    margin-bottom: -20px;
}
/*row blue*/
.row3 {
    display: flex;
    background: blue;
    position: sticky;
    top: 1px;
    border-radius: 20px 20px 20px 0;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.7);
    margin-bottom: -20px;
    margin-top: -6px;
}
/*class for both series title & description*/
.titre {
    flex-grow: 1;
    padding: 0 15px;
    min-width: 100px;
}
/*every series pictures*/
.image {
    flex-grow: 0;
    width: 100vh;
    border-radius: 20%;
}
/*rounding right side corners only*/
img {
    border-radius: 0 14px 14px 0;
}