*{box-sizing:border-box}body{background-color:var(--gg-color-background);margin:0;padding:0}.container{width:100%;margin:0;padding:0}@font-face{font-family:"Trebuchet MS 600";src:url(/fonts/trebuchet-ms/trebuc.ttf);font-weight:600;font-size:1em}nav{background-color:var(--gg-color-surface);z-index:10;align-items:center;width:100%;height:100px;display:flex;position:fixed;top:0}.nav-menu-button,.nav-menu-profile{display:none}.nav-logo{width:30%;display:block}.nav-links{justify-content:flex-end;width:50%;margin:0;padding:0;display:flex}.nav-links.show{background-color:var(--gg-color-surface);text-align:left;flex-direction:column;width:100%;margin-bottom:0;padding:10px 0 0;display:flex;position:absolute;top:100px}.nav-links.show li{padding:5px 60px}.nav-links.show li a{text-transform:uppercase;color:var(--gg-color-text-muted);border-bottom:1px solid var(--gg-color-surface-muted);padding-bottom:10px;display:block}.nav-logo img{width:150px;margin-left:50px}.nav-links li{margin:20px;padding:10px;list-style-type:none}.nav-links li a{color:var(--gg-color-text);letter-spacing:1px;font-family:Trebuchet MS;font-size:.8em;font-weight:800;text-decoration:none}.nav-links li a:hover{color:var(--gg-color-text);font-family:Trebuchet MS;font-size:.8em;font-weight:800;text-decoration:none}.nav-button{justify-content:center;align-items:center;gap:8px;width:20%;display:flex}#register-button{background-color:var(--gg-color-primary);height:50px;color:var(--gg-color-on-dark);cursor:pointer;border:0;border-radius:5px;place-content:flex-end;align-items:center;padding:0 30px;font:700 .845em/1em Trebuchet MS;text-decoration:none;display:inline-flex}#profile-name{color:var(--gg-color-text);cursor:pointer;white-space:nowrap;font:700 .845em/1em Trebuchet MS;text-decoration:none}#profile-button[hidden],#profile-name[hidden]{display:none!important}#logout{background-color:var(--gg-color-primary);height:50px;color:var(--gg-color-on-dark);cursor:pointer;border:0;border-radius:5px;place-content:flex-end;padding:0 30px;font:700 .845em/1em Trebuchet MS}#profile-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}#profile-button img{width:30px;height:30px;display:block}header{width:100%;padding-top:100px;transition:padding-top .3s ease-in-out}.header-container{width:100%}.header-container img{width:100%;margin-bottom:-4px}.header-add{background-color:var(--gg-color-primary);justify-content:center;align-items:center;width:100%;margin:0;padding:20px 30px;display:flex}.header-descriptions{width:80%;margin:0;padding:40px 0;display:block}.header-descriptions p{margin:0;padding:10px}.header-descriptions p:first-child{color:var(--gg-color-surface);font:700 2.6vw/1em Trebuchet MS}.header-descriptions p:nth-child(2){color:var(--gg-color-surface);font:700 3vw/1em Trebuchet MS}.header-container button{border:2px solid var(--gg-color-on-dark);background-color:var(--gg-color-primary);height:50px;color:var(--gg-color-surface);cursor:pointer;border-radius:5px;place-content:flex-end;padding:0 50px;font:700 .845em/1em Trebuchet MS}.index-main{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;padding:50px 30px;display:flex}.index-section-container{justify-content:center;align-items:center;gap:30px;width:100%;display:flex}.index-section-container .section-workouts{background-color:var(--gg-color-surface);border-radius:10px;flex-direction:column;padding:30px;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;display:flex}.index-section-container .section-workouts:hover{box-shadow:6px 6px 10px 0 var(--gg-color-shadow-subtle);transform:translateY(-10px)}.index-section-container #picture{width:40%;height:400px;margin:0;padding:0}.index-section-container #picture img{object-fit:cover;border-radius:10px;width:100%;height:100%}.index-section-container #description{justify-content:center;align-items:center;width:60%;height:400px;display:flex}.section-workouts h3{color:var(--gg-color-text);letter-spacing:1px;text-align:center;margin:0;padding:0;font:700 1.8em/1em Trebuchet MS}.section-workouts p{color:var(--gg-color-text);letter-spacing:1px;text-align:center;margin:0;padding:10px 10px 50px;font:500 1em/1em Trebuchet MS}.section-workouts button{border:2px solid var(--gg-color-primary);background-color:var(--gg-color-surface);height:50px;color:var(--gg-color-text);cursor:pointer;border-radius:5px;place-content:flex-end;padding:0 50px;font:700 .845em/1em Trebuchet MS}.section-workouts button:hover{background-color:var(--gg-color-primary);color:var(--gg-color-on-dark)}footer{background-color:var(--gg-color-primary);width:100%;margin:0;padding:20px 0}.footer-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.footer-links{border-bottom:1px solid var(--gg-color-surface-muted);justify-content:center;align-items:center;width:80%;margin:30px;padding:0;display:flex}.footer-links li{flex:1 1 0;width:80px;margin:0;padding:0 10px 50px 0;list-style-type:none}.footer-links li a{color:var(--gg-color-surface);letter-spacing:1px;flex:1 1 0;justify-content:center;align-items:center;font-family:Trebuchet MS;font-size:.8em;font-weight:800;text-decoration:none;display:flex}.footer-links li a:hover{color:var(--gg-color-border);font-family:Trebuchet MS;font-size:.8em;font-weight:800;text-decoration:none}.footer-socials{justify-content:center;align-items:center;width:80%;padding:10px 0;display:flex}.footer-socials img{justify-content:center;align-items:center;width:40px;margin:15px;display:flex}.footer-copyright{justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex}.footer-copyright p{color:var(--gg-color-surface);letter-spacing:1px;margin:40px 0 10px;font:500 .845em/1em Trebuchet MS}@media only screen and (width<=980px){.nav-menu-button{background-color:var(--gg-color-surface);border:0;width:10%;margin-left:10px;display:block}.nav-menu-button:hover{cursor:pointer}.nav-menu-profile{background-color:var(--gg-color-surface);cursor:pointer;border:0;width:10%;margin-right:10px;display:block}.nav-button,.nav-links{display:none}.nav-logo{justify-content:center;align-items:center;width:90%;display:flex}.nav-links li{margin:10px 0}.nav-logo img{justify-content:flex-end;align-items:flex-end;margin:0;padding:0}.index-section-container{flex-direction:column}.index-section-container .section-workouts{margin:0;padding:0}.index-section-container #description,.index-section-container #picture{width:100%;height:400px}#reverse{flex-direction:column-reverse}.footer-links{flex-direction:column}.footer-links li{width:100%;padding:0 5px 20px}.footer-links li a{justify-content:center;align-items:center;display:flex}}