:root{--color-link: #bd0f20;--color-error: #f1aab1;--color-darkred: darkred;--color-red: red;--color-ice: aliceblue;--color-gold: gold;--color-gold-opacity: rgba(255, 217, 0, .8);--color-brown: #110602;--color-darkbrown: #161213;--color-white: white;--color-white-opac: rgba(255, 255, 255, .6);--color-black: #000;--color-black-opac-9: rgba(0, 0, 0, .9);--color-black-opac: rgba(0, 0, 0, .6);--color-darkgray: #111}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}html{scroll-behavior:smooth}body{min-height:100vh;background-color:var(--color-black)}h1{font-size:2rem;margin-bottom:1rem}a{text-decoration:none;color:var(--color-link)}ul{list-style:none}@font-face{font-family:SF Sports Night;src:url(./SF-Sports-Night.woff2) format("woff2"),url(./SF-Sports-Night.woff) format("woff"),url(./SF-Sports-Night.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.header-container{display:flex;flex-direction:column;justify-content:center;height:auto;background-color:var(--color-link);position:relative;z-index:200;box-shadow:0 4px 10px #0000004d}.belt-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;font-size:1.4rem;color:var(--color-ice)}.belt-container a{color:var(--color-ice)}.belt-container #title-site{display:flex;align-items:center}.belt-container #title-site h1{font-size:1.6rem;font-weight:700;padding:0;margin:0}.belt-container .controlls{display:flex;justify-content:center;align-items:center;gap:1rem}.belt-container .controlls a{display:flex;justify-content:center;align-items:center;gap:.4rem}.user-menu{position:relative;display:flex;align-items:center}.user-btn{background:none;border:none;color:var(--color-ice);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.user-avatar-small{width:35px;height:35px;border-radius:50%;object-fit:cover;border:1px solid #ffffff}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#222;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #00000080;min-width:150px;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.8rem 1rem;background:none;border:none;color:#eee;text-align:left;cursor:pointer;font-size:1rem;transition:background .2s}.dropdown-item:hover{background-color:#333;color:var(--color-red, #ff0000)}.dropdown-item.logout{border-top:1px solid #333}.dropdown-item.logout:hover{background-color:#3d1a1a;color:#ff4d4d}.nav-container{display:flex;justify-content:center;position:fixed;bottom:3rem;left:2%;z-index:2;pointer-events:auto;color:var(--color-link);width:96%;transition:.4s}.nav-container nav{display:flex;justify-content:center;flex:1;background-color:var(--color-ice);border-radius:.8rem;border:2px solid var(--color-link);box-shadow:2px 2px 8px #000c}.nav-container nav ul{display:flex;flex:1;padding:.6rem 1rem;justify-content:space-between;align-items:center;font-size:1rem}.nav-container nav ul li a{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer}.nav-container.hide{bottom:-10rem}.nav-container.show{bottom:3rem}.footer-container{display:flex;justify-content:center;padding-block:.6rem;background-color:var(--color-darkred);color:var(--color-ice);min-height:6vh}.footer-container .footer-content{display:flex;flex-direction:column;align-items:center}.app-container{margin:0 auto;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}.app-container>*:nth-child(2){flex:1}