*{box-sizing:border-box}body{background-color:var(--gg-color-background);margin:0;padding:0}header{width:100%;height:auto}.header-container{color:var(--gg-color-text-muted);justify-content:space-between;align-items:center;padding:50px 40px}.header-container>h3{text-align:center;width:70%;margin:auto;font:600 4vw/1em Trebuchet MS,sans-serif}.header-container>p{text-align:center;width:70%;margin:auto;padding-top:20px;font:500 1.3em/1em Trebuchet MS,sans-serif}main{width:100%;height:auto}.main-container{flex-direction:column;width:100%;margin-bottom:150px;padding:20px 0;display:flex}.main-container>div{flex-direction:column;justify-content:center;align-items:flex-start;width:90%;height:auto;margin:0 auto;padding:20px;display:flex}.main-beginner>div,.main-all>div{flex-wrap:wrap;justify-content:center;gap:25px;width:100%;padding:10px 0;display:flex}.main-container>div>h3{border-bottom:1px solid var(--gg-color-border);color:var(--gg-color-text-muted);text-align:left;width:100%;max-width:1500px;margin:40px 0 10px;padding:10px 0;font:600 1.2em/1.4em Trebuchet MS,sans-serif}article{background-color:var(--gg-color-surface-muted);text-align:center;max-width:100%;height:340px;box-shadow:6px 6px 10px var(--gg-color-shadow-subtle), -6px -6px 10px var(--gg-color-surface);border-radius:10px;flex:350px;padding:10px;transition:transform .3s,box-shadow .3s}article:hover{box-shadow:6px 6px 12px var(--gg-color-shadow-elevated), -6px -6px 6px var(--gg-color-surface);transform:translateY(-3px)}article img{border-radius:7px;max-width:100%;height:80%;max-height:250px;margin:1px;padding:1px}article h4{letter-spacing:.5px;text-transform:uppercase;color:var(--gg-color-text-muted);margin:6px;font:600 .9em/1em Trebuchet MS,sans-serif}article p{text-align:center;color:var(--gg-color-primary);text-align:justify;margin:2px;font:500 .75em/1em Trebuchet MS,sans-serif}@media screen and (width<=980px){.header-container>h3{font:600 6vw/1em Trebuchet MS,sans-serif}.header-container>p{width:100%;font:500 1.3em/1em Trebuchet MS,sans-serif}.main-container>div{width:100%}article{flex:100%}}