body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;overflow:hidden}canvas{position:fixed;top:0;left:0;z-index:-1}.container{position:absolute;top:0;left:0;width:100vw;display:flex;flex-direction:column}.content{position:relative;text-align:center;padding-top:3%}.content h1{font-size:3.5em;background-color:#0d00c02a;width:50%;margin:0 auto;text-shadow:1px 1px 2px #000}.content p{padding:2vh;font-size:1.1em;background-color:#0d00c02a;width:50%;margin:0 auto;text-shadow:1px 1px 2px #000}.btn{display:inline-block;padding:.5rem 1rem;background:#007bff;color:#fff;text-decoration:none;border-radius:5px}.videos-area{position:relative;padding:2% 33%;width:110vw;background:#0000000a;text-align:center;align-items:center}.carousel-container{width:30%;position:relative;overflow:hidden;background-color:#0000808e;box-shadow:0 0 15px 15px #0000808e}.carousel{width:100%;overflow:hidden}.carousel-inner{display:flex;transition:transform .5s ease}.carousel-slide{flex:0 0 100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;padding:10px;box-sizing:border-box}.thumbnail{display:flex;justify-content:center;overflow:hidden;border-radius:8px;width:100%;height:8vw}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;font-size:24px;border-radius:50%;z-index:1}.carousel-button:hover{background-color:#dc0404cc}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;font-size:1.5rem;border-radius:50%;z-index:1}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}@media (max-width: 768px){.carousel-item{flex:0 0 50%}}@media (max-width: 480px){.carousel-item{flex:0 0 100%}}.video-item{width:100%;aspect-ratio:16 / 9;position:relative;overflow:hidden;border-radius:10px;transition:transform .3s ease}.video-thumbnail{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.video-item:hover .video-thumbnail{transform:scale(1.1)}.video-item a{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;text-decoration:none;font-size:1.5rem;opacity:0;transition:opacity .3s ease}.video-item:hover a{opacity:1}.dropdown{position:fixed;right:2%;top:2%}.dropdown-button{background-color:transparent;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:16px;border-radius:4px;display:flex;align-items:center;gap:8px;transition:background-color .9s ease}.arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid white;transition:transform .3s ease}.dropdown-content{display:none;position:absolute;background-color:#6300009c;min-width:160px;box-shadow:0 8px 16px #0003;border-radius:4px;z-index:1;left:0;opacity:0;transition:opacity .9sease,transform .9sease;transform:translateY(-10px);height:200vw;width:100vw;top:-20%;padding-top:35%}.dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;font-style:italic;display:block;transition:background-color .9s ease}.dropdown-button:hover{background-color:#5555551b}.dropdown:hover .dropdown-content{display:block;opacity:1;transform:translateY(0)}.dropdown-content a:hover{background-color:transparent}.dropdown:hover .arrow{transform:rotate(180deg)}@media (max-width: 1024px){.content p{padding:2vh;font-size:1.5em}.video-item{width:100%}.content h1{font-size:3em;padding-bottom:1.5%;padding-top:1%}.carousel-slide{gap:10px}.carousel-container{width:50%}.videos-area{padding:0% 25%;width:100vw}.thumbnail{height:10vw}.dropdown{right:5%}.dropdown-button p{display:none}}@media (max-width: 800px){.content p{padding:2vh;width:80%}.videos-area{padding:2% 25%;width:100vw}.carousel-container{width:50%}.video-item{width:100%}.content h1{font-size:3em;padding-bottom:5%;padding-top:5%}}@media (max-width: 480px){.video-item{width:100%}.content{position:relative;text-align:center;padding:25% 3%}.content a,.redirect{display:none}.content h1{font-size:3em;padding-bottom:2vh}.content p{font-size:1.1em}.videos-area{display:none}.dropdown-button p{display:block}}@media (min-width: 480px){.small-screen{display:none}}