html, body, .page {
    height: 100%;
    box-sizing: border-box;
}

div.page {
  padding: 5px;
  font-family: sans-serif;
  color: #ff8888;
}

section {
  text-align: center;
  max-width: 666px;
  margin: 0 auto;
}

div.page a {
    text-shadow: 5px 2px 10px #ffffff61;
    color: #ff8888;
}

div.page a:hover {
    text-shadow: -3px 4px 15px #3e2a2ad4;
    color: #e8d7d7;
}


nav ul.pagelist {
    list-style: bengali;
    background: radial-gradient(#d48585ad, transparent);
    border-radius: 100% 4px;
    width: 200px;
    margin: auto;
    text-align: right;
    display: inherit;
    }


hr {
    border: 0;
    margin: 0;
}

h1 {
    color: #920303fa;
    text-shadow: 0 0 30px #f7c5c5a3;
    font-size: 100px;
    margin-bottom: 50px;
    font-family: 'Satisfy', cursive;
    text-transform: lowercase;
}

header h1 a {
    text-decoration: none;
}

details {float: initial;width: initial;}

li.plus {
    width: initial;
}

nav {
  display: inline-block;
}



#souvenirs {
    position: absolute;
    top: 216px;
    right: 7%;
    opacity: 0.7;
    transform: rotate(-10deg);
    display: block;
    height: auto;
    visibility: hidden;
    animation: 20s souvenirs;
    animation-fill-mode: forwards;
}

#souvenirs:hover {
  opacity: 1 !important;
}

#souvenirs img {
  width: 80px;
}


#logo-chatons-pixelart img {
    height: 120px;
    position: fixed;
    top: 5%;
    left: 3%;
    animation: 10s infinite alternate chatons;
    transform: rotate(10deg);
}

@keyframes souvenirs {
  65% {
    visibility: hidden;
    opacity: 0;
    transform: rotate(10deg);
  }
  100% {
    opacity: 0.7;
    visibility: visible;
    transform: rotate(-10deg);
  }
}

@keyframes chatons {
    from {
        top: 0;
        transform: rotate(10deg);
    }

    20% {
        top: 500px;
        transform: rotate(50deg);
    }

    40% {
        left: 500px;
        transform: rotate(-70deg);
    }

    60% {
        bottom: 50px;
        transform: rotate(300deg);
    }

    80% {
        right: 50px;
        left: 80%;
        transform: rotate(300deg);
    }

    to {
        top: 80%;
        transform: rotate(-500deg);
    }
}

html {
    background: radial-gradient(#f50303, #000000 100%);
}


a#\38 m-2023 img {
    border: ridge;
    max-width: 240px;
    height: 70px;
    margin: 5px;
    box-shadow: -3px 0px 20px 4px #ddb2b270;
}



.club1header div {
    background: none !important;
}