:root{--text-color:#95969c;--accent-color:#7f56d9;--accent-color-secondary:#622fd0;--bot-svg-color:#c3c3c3;--background-color:#0c111d;--ultra-light-color:#f5f5f6;--cta-color-secondary:#161b26;--cta-color-secondary-border:#333741;--social-scroll-cycle-duration:30s}body{background-color:var(--background-color);color:var(--text-color)}a{color:var(--accent-color);text-decoration:none}footer{align-items:center;display:flex;flex-wrap:wrap;height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 6rem}footer .icon-container{color:var(--bot-svg-color)}@media screen and (max-width:540px){.section-block,footer,header[role=navbar],main[role=main]{padding:0 2rem}footer .icon-container{margin:0 auto}.section-block,main[role=main]{flex-wrap:wrap}.flex-reverse{flex-wrap:wrap-reverse}}.image-container{position:relative}hr{border-radius:1px;box-shadow:0 0 8px 2px var(--accent-color);color:#fff;height:2px}.photo-container hr{position:relative;top:-6px}.photo-container img{height:354px;width:283px}.presentation{display:flex;flex-direction:column;justify-content:space-between;min-height:354px}.presentation h1{color:var(--ultra-light-color);font-size:57px;font-weight:700;line-height:64px;margin-bottom:2rem}.presentation p{text-align:left}.presentation .actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.7rem;justify-content:center}.pres-twitch-link{background-color:var(--cta-color-secondary);border:1px solid var(--cta-color-secondary-border);color:var(--bot-svg-color)}.pres-contact-link,.pres-twitch-link{border-radius:8px;display:flex;font-size:18px;gap:.7rem;justify-content:center;padding:1rem 22px}.pres-contact-link{background-color:var(--accent-color);color:var(--ultra-light-color)}.section-block,main[role=main]{align-items:center;display:flex;gap:3rem;margin:0 auto;max-width:1000px;padding:6rem 3rem}.video-container{display:grid;margin:2rem auto;place-items:center;position:relative}.video-container hr{margin:0 2rem;max-width:1200px;position:relative;top:-2px;width:100%}.video-container .container{aspect-ratio:16/9;border:3px solid var(--cta-color-secondary-border);border-radius:15px 15px 0 0;max-width:950px;overflow:hidden;position:relative;width:100%}.container2{background-color:#000;border-radius:15px 15px 0 0;height:100%;position:relative;width:100%}h2{color:var(--accent-color);font-size:16px;line-height:24px}.inside-computer,iframe{border-radius:5px 5px 0 0;bottom:0;height:100%;left:10px;max-width:calc(100% - 20px);position:absolute;right:10px;top:10px}.socials-container{margin:5rem auto;max-width:1200px;& .wrapper{margin:5rem auto}& h2{text-align:center}& .social{align-items:center;color:var(--ultra-light-color);display:flex;font-size:24px;font-weight:800;gap:1rem;line-height:32px}& .icon-container{height:62px;width:62px}}@keyframes scrolling{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.carousel{display:flex;margin:0 auto;overflow:hidden;padding:20px 0;>*{flex:0 0 100%}&:hover .group{animation-play-state:paused}& .group{animation:scrolling var(--social-scroll-cycle-duration) linear infinite;display:flex;gap:6rem;padding-right:6rem;will-change:transform}}.center{text-align:center}.alert{align-items:center;animation:fadeIn .3s ease;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;display:flex;font-family:system-ui,sans-serif;font-size:1rem;justify-content:space-between;margin:.5em 0;padding:1em 1.5em;position:relative}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2em;margin-left:1em;opacity:.8}.alert button:hover{opacity:1}.alert-error{background-color:#5a0000;color:#f66}.alert-info{background-color:#22163f;color:var(--accent-color)}.alert-warning{background-color:#704214;color:#f59e0b}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.alert.fade-out{animation:fadeOut .3s ease forwards}.toast-container{align-items:center;bottom:2em;display:flex;flex-direction:column;gap:.5em;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:9999}.toast-container .alert{min-width:300px;pointer-events:all;text-align:center}.navbar{align-items:center;background:var(--background-color);display:flex;height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 6rem;position:relative;z-index:10}.navbar-icon-container a{color:var(--bot-svg-color);font-size:1.2rem;font-weight:600}.nav-links{align-items:center;display:flex;gap:1em}.nav-links a{color:var(--text-color);font-size:.95rem;text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:#fff}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:.95rem;padding:.5em 1em;transition:color .2s ease}.dropdown-toggle:hover{color:#fff}.dropdown-toggle:after{content:"▼";font-size:.6em;margin-left:.4em;opacity:.7;vertical-align:middle}.dropdown-menu{background:var(--background-color);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.3);left:0;min-width:180px;opacity:0;padding:.5em 0;position:absolute;top:110%;transform:translateY(-8px);transition:all .25s ease;visibility:hidden}.dropdown-menu a{color:var(--text-color);display:block;padding:.6em 1em;text-decoration:none;transition:background .2s ease,color .2s ease}.dropdown-menu a:hover{background:hsla(0,0%,100%,.05);color:#fff}.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px;height:22px;justify-content:center;width:28px}.hamburger span{background:var(--text-color);border-radius:3px;height:3px;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:768px){.navbar{padding:.75em 1.5em}.nav-links{align-items:center;background:var(--background-color);flex-direction:column;left:0;max-height:0;overflow:hidden;position:absolute;top:100%;transition:max-height .4s ease;width:100%}.nav-links.show{max-height:500px}.dropdown:hover .dropdown-menu{opacity:0;visibility:hidden}.dropdown.open .dropdown-menu{box-shadow:none;opacity:1;position:static;transform:translateY(0);visibility:visible}.hamburger{display:flex}}