:root{--color-dark: #1a1a1a;--color-medium-dark: #2d2d2d;--color-header: #1e3a5f;--color-footer: #1e3a5f;--color-nav-hover: #3d3d3d;--color-white: #ffffff;--color-text-dark: #ffffff;--color-button-text: #ffffff;--color-primary-button: #ff37a2;--color-primary-button-hover: #ff00a6;--color-accent-yellow: #FFD700;--color-shadow: rgba(0, 0, 0, .3);--color-nav-shadow: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}html,body{height:100%;background-color:var(--color-dark);color:var(--color-white)}body{display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif}header{background-color:var(--color-header);color:var(--color-button-text);padding:0}.header-container{display:flex;align-items:center;gap:2rem;padding:1rem 2rem;width:100%;position:relative;background-color:var(--color-header);background-image:linear-gradient(135deg,#6aa7ff29,#0000 60%),linear-gradient(90deg,var(--color-header) 0%,#101317 62%,var(--color-dark) 100%);background-repeat:no-repeat,no-repeat;background-size:70% 100%,100% 100%;background-position:left top,left top}.header-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(120deg,#6aa7ff2e 0 1px,#0000 1px 14px),repeating-linear-gradient(60deg,#6aa7ff1f 0 1px,#0000 1px 14px);background-repeat:repeat;background-size:auto;background-position:0 0;mask-image:linear-gradient(90deg,#000,#0000 85%);pointer-events:none}.header-logo img{max-width:150px;height:auto}.header-content{flex:1;text-align:left}header h1{font-size:2.5rem;margin-bottom:.25rem;font-family:Lobster,cursive}header p{font-size:1.1rem;opacity:.9}main{flex:1;padding:1.25rem 2rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2.5rem}main h2{width:fit-content;align-self:flex-start;text-align:left}footer{background-color:var(--color-footer);color:var(--color-button-text);text-align:center;padding:2rem;margin-top:auto}.topnav{background-color:var(--color-dark);padding:0;margin:0;box-shadow:0 2px 4px var(--color-nav-shadow)}.topnav ul{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap}.topnav li{margin:0;padding:0}.topnav a{display:flex;align-items:center;gap:.5rem;color:var(--color-text-dark);text-decoration:none;padding:.5rem 1rem;transition:background-color .3s ease}.topnav a:hover{background-color:var(--color-nav-hover)}.topnav .icon{width:24px;height:24px;object-fit:contain}.topnav .text{font-weight:500}.flex-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start;margin:0 auto;width:fit-content}.flex-divider{width:100%;max-width:1200px;height:1px;background:var(--color-header);opacity:.9}.flex-item{background:var(--color-medium-dark);border-radius:8px;box-shadow:0 2px 6px var(--color-shadow);width:300px;padding:1rem;display:flex;flex-direction:column;align-items:center}.flex-item a{display:block;width:100%;color:inherit}.flex-item img{width:100%;border-radius:14px}.flex-item h2{margin:.5rem 0;font-size:1.25rem;color:var(--color-text-dark);text-align:left;align-self:stretch}.flex-item p{font-size:.95rem;text-align:left;color:var(--color-text-dark);flex:1;padding-bottom:1rem;padding-top:.5rem}.flex-item ul{padding-left:0;list-style:none;display:flex;gap:.5rem;margin-top:auto}.flex-item ul li a{background:var(--color-primary-button);color:var(--color-dark);text-decoration:none;padding:.25rem .5rem;border-radius:4px;font-size:1rem;font-weight:700}.flex-item ul li a:hover{background:var(--color-primary-button-hover)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:var(--color-text-dark)}.hamburger span{width:25px;height:3px;background-color:var(--color-text-dark);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.itemtype{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--color-primary-button) 0%,var(--color-primary-button-hover) 100%);color:var(--color-button-text);padding:.7rem 1.2rem .7rem 1rem;border-radius:0;font-size:.9rem;font-weight:500;width:fit-content;height:20px;align-self:flex-start;clip-path:polygon(100% 50%,95% 0%,0% 0%,5% 50%,0% 100%,95% 100%)}.itemtype img{width:20px;height:20px;border-radius:0}@media(max-width:768px){.hamburger{display:flex}.topnav{position:relative}.topnav ul{display:none;position:static;width:100%;flex-direction:column;background-color:var(--color-dark);gap:0}.topnav ul.active{display:flex}.topnav a{width:100%;padding:1rem;border-bottom:1px solid var(--color-medium-dark)}}