.background,body{background-color:#000}*,nav ul a,nav ul li{color:#fff}.flex,.footer-container,.navflex,.together,main,nav ul{display:flex}.off-screen-menu,nav{position:fixed;top:0}.off-screen-menu li,nav ul li{list-style:none}#btn a,.off-screen-menu li a,nav ul a,nav ul li{text-decoration:none}*{padding:0;margin:0}html{scroll-behavior:smooth}body{overflow-x:hidden;font-family:'Open Sans',sans-serif}#btn,.nav-links,h1,h2,h3{font-family:Orbitron,sans-serif}nav{z-index:10;font-family:sans-serif;height:70px;width:100%;overflow:hidden;background:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,0))}nav img{width:80px}nav ul{margin:auto;justify-content:flex-end;align-items:center;gap:40px}nav ul a{padding:10px}nav ul a:hover{border-bottom:3px solid #ff8400}.navflex{justify-content:space-between}.active{color:#ff4500}.tgilogo{padding:0;margin-left:54px}main{justify-content:center;margin-top:100px;margin-bottom:60px}.flex{justify-content:space-around;align-items:center;gap:30px}.poster-img{width:50vw;max-width:1000px;height:auto;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.5)}.poster-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:60px}#btn{margin-bottom:2rem;background-color:#1f2c38;font-size:2.7em;border-radius:25px;font-weight:700;padding:20px 30px;text-align:center;border:none;cursor:pointer;outline:0}#btn:hover{background-color:#ff9603}#btn a{color:#fff}.reg{font-size:3rem}@media (max-width:680px){.reg{font-size:2rem}}@media (max-width:770px){#btn{font-size:2.5em}.poster-img{width:45vw}.flex{gap:15px}}@media (max-width:432px) and (min-width:429px){#btn{font-size:1.5em}}@media (max-width:430px){#btn{font-size:1.5em}.poster-container{gap:30px}main{margin-top:50px;margin-bottom:30px}.reg{font-size:1.5rem}}@media (max-width:378px){#btn{font-size:1em}}@media (max-width:325px){#btn{font-size:.7em;padding:15px 20px}}.footer{background-color:#101820;color:#fff;padding:40px 0 20px;font-family:'Segoe UI',sans-serif}.foot-img img{width:48px}.footer-container{flex-wrap:wrap;justify-content:space-around;gap:30px;max-width:1200px;margin:auto;padding:0 20px}.footer-section{flex:1;min-width:200px}.together{justify-content:space-around;align-items:center;gap:20px}.footer-section h2,.footer-section h3{margin-bottom:15px;color:#f0c330}.footer-section ul{list-style:none;padding:0}.footer-section p,.footer-section ul li{margin-bottom:10px}.footer-section ul li a{text-decoration:none;color:#ccc;transition:color .3s}.footer-section ul li a:hover{color:#f0c330}.footer-section.socials a{display:inline-block;margin-right:10px;filter:brightness(0) invert(1);transition:transform .3s}.footer-section.socials a:hover{transform:scale(1.2)}.footer-section.socials img{width:24px;height:24px}.footer-bottom{text-align:center;border-top:1px solid #333;padding-top:15px;margin-top:30px;font-size:14px;color:#aaa}.off-screen-menu{display:flex;flex-direction:column;align-items:center;background-color:#191b23;text-align:center;font-size:2.25em;height:55vh;width:100%;max-width:450px;padding:80px 2rem 2rem;left:-520px;z-index:1000;border-radius:4px}.off-screen-menu h3{margin-bottom:30px}.off-screen-menu.actives{left:0}.menu-head{position:absolute;font-size:2em;margin-left:100px;margin-top:5px;text-align:center;z-index:100000;display:none}.ham-menu{height:50px;width:40px;position:relative;display:none;margin-left:auto;z-index:1100}.ham-menu span{height:5px;width:100%;background-color:#f47f10;border-radius:25px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s}.ham-menu span:first-child{top:25%}.ham-menu span:nth-child(3){top:75%}.ham-menu.actives span{background-color:#fff;z-index:1000}.ham-menu.actives span:first-child{top:50%;transform:translate(-50%,-50%) rotate(45deg)}.ham-menu.actives span:nth-child(2){opacity:0}.ham-menu.actives span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg)}@media (max-width:768px){body{font-size:16px;overflow-x:hidden}nav{align-items:flex-start;width:100%}.navflex{gap:40px;width:100%;margin-top:20px}nav img{width:35px}.nav-links{flex-direction:column;width:100%;text-align:left}.navflex ul{gap:10px;margin-left:0;margin-top:10px}.nav-links li{width:100%;margin:5px 0}.nav-links a{display:block;padding:10px}.tgilogo{margin-left:20px}footer{flex-direction:column;text-align:center}.map iframe{width:230px;height:200px;object-fit:contain}.footer-container{gap:27px}.ham-menu,.menu-head{display:block}.ham-menu{z-index:1000;margin-right:40px}.menu-head.actives,.navflex{display:none}.off-screen-menu{height:68vh}}@media (max-width:426px){body{font-size:16px;overflow-x:hidden}nav{align-items:flex-start;width:100%;margin:0;padding:0;font-size:8.5px}.navflex{gap:15px;width:100%}.nav-links{flex-direction:column;width:100%;text-align:left}.navflex ul{gap:0;margin-left:0;margin-top:10px}.nav-links li{width:100%;margin:5px 0;font-size:5px}.nav-links a{display:block;font-size:5px;padding:0}.tgilogo{display:none}footer{flex-direction:column;text-align:center}.map iframe{width:230px;height:200px;object-fit:contain}.footer-container{gap:27px}#topbtn.hide{display:none!important;position:static;animation:none}.menu-head{display:block;font-size:1.5em;margin-left:33px;margin-top:9px}.ham-menu{margin-right:42px;margin-top:4px}.ham-menu span{height:4px;width:89%}.off-screen-menu{height:54vh;width:50%;font-size:1.6em}}@media (max-width:376px){body{font-size:16px;overflow-x:hidden}nav{align-items:flex-start;width:100%;margin:0;padding:0;font-size:7px}.navflex{gap:15px;width:100%}.nav-links{flex-direction:column;width:100%;text-align:left}.navflex ul{gap:0;margin-left:0;margin-top:10px}.nav-links li{width:100%;margin:5px 0;font-size:5px}.nav-links a{display:block;font-size:5px;padding:0}.tgilogo{display:none}.off-screen-menu{padding-top:29px}}@media (max-width:320px){body{font-size:16px;overflow-x:hidden}nav{align-items:flex-start;width:100%;margin:0;padding:0;font-size:6px}.navflex{gap:15px;width:100%}.nav-links{flex-direction:column;width:100%;text-align:left}.navflex ul{gap:0;margin-left:0;margin-top:10px}.nav-links li{width:100%;margin:5px 0;font-size:5px}.nav-links a{display:block;font-size:5px;padding:0}.tgilogo{display:none}.off-screen-menu{width:75%;top:53px;font-size:1.35em;height:43vh}}@media (max-width:1030px){nav ul{font-size:13px;gap:20px;margin:auto 109px}}@media only screen and (min-width:770px) and (max-width:895px){nav ul{font-size:11px;gap:15px}}@media only screen and (min-width:388px) and (max-width:435px){.off-screen-menu{height:40vh;width:58%;font-size:1.75em;padding-top:22px}.menu-head{margin-left:28px;margin-top:6px;font-size:1.6em}.ham-menu{margin-right:25px;margin-top:4px}}