body,html{margin:0;padding:0;box-sizing:border-box}#navBar{display:flex;align-items:center;background-color:#0f0f0f;padding:10px 20px;box-shadow:0 4px 6px #0000004d;width:100vw;height:7vh}#navBar img{width:50px;height:auto;margin-right:10px}#navBar h1{font-size:30px;font-weight:700;color:#fff;margin:0;font-family:Arial,sans-serif}#footer{background-color:#121213;color:#fff;text-align:center;padding:10px 20px;font-size:.9em;border-top:2px solid #f9b421;position:fixed;bottom:0;width:100%}#footer p{margin:0;font-family:Arial,sans-serif}#footer p:hover{color:#f0db4f;cursor:pointer}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;height:100%;box-sizing:border-box;background-color:#191a1b}.color1{background-color:#fbbb1c}.color2{background-color:#f1d392}.color3{background-color:#04142c}.color4{background-color:#8c4454}.color5{background-color:#cbc4b0}.color6{background-color:#151b33}.color7{background-color:#f9b421}.color8{background-color:#141b33}.color9{background-color:#f2e0b9}.color10{background-color:#da3e35}.color11{background-color:#6a4136}.color12{background-color:#84847e}.color13{background-color:#3e241e}.color14{background-color:#25244c}.color15{background-color:#847484}.main_container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:110vh;width:100vw;font-family:Arial,sans-serif;padding:0;margin:0;box-sizing:border-box}header{margin-bottom:10px}header h1{font-size:2rem;color:#f9b421;text-align:center}.materias{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,24vh);gap:30px;width:90%;max-width:1200px;margin:0 auto;box-sizing:border-box}#box-cadeira{background-color:#121213;color:#fff;padding:10px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%}#box-cadeira img{width:auto;height:90px;border-radius:8px;box-shadow:0 2px 4px #0000004d}#box-cadeira h2{font-size:1.2rem;font-size:clamp(.5rem,2.5vw,1.2rem);margin:0;text-align:center;font-weight:700;word-wrap:break-word;padding:0 5px;overflow:hidden}#box-cadeira:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d;border:2px solid #f9b421}button,a{text-decoration:none;outline:none}@media (max-width: 768px){header h1{font-size:1.5rem}.materias{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,25vh);gap:20px;padding:10px;max-width:100vw;box-sizing:border-box}#box-cadeira{background-color:#121213;color:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px;height:100%;width:100%;max-width:100%;box-sizing:border-box}#box-cadeira h2{font-size:1rem;text-align:left;margin:0;word-wrap:break-word;padding:0 5px}#box-cadeira img{width:20vw;max-height:10vw;border-radius:8px;box-shadow:0 2px 4px #0000004d;max-width:100%;height:auto}}@media (max-width: 480px){.materias{grid-template-columns:1fr;grid-template-rows:auto}#box-cadeira{gap:5px}#box-cadeira img{width:35px}#box-cadeira h2{font-size:.9rem}}