html,body{background-color:#fffaf6;margin:0;padding:0}.header{box-sizing:border-box;border-bottom:1px solid #ddd;justify-content:space-between;align-items:flex-start;width:100%;height:200px;padding:30px;transition:background-color .3s,box-shadow .3s;display:flex}.logo{width:100px;height:auto;transition:transform .3s}.logo:hover{transform:scale(1.05)}.nav{gap:30px;margin-top:10px;display:flex}.nav a{color:#000;border-radius:8px;padding:8px 12px;font-family:Arial,sans-serif;font-size:16px;text-decoration:none;transition:background-color .3s,color .3s,transform .2s}.nav a:hover{color:#26372f;background-color:#f1eee8;transform:translateY(-2px)}.header-actions{gap:10px;margin-top:0;display:flex}.header-actions button{color:#070606;cursor:pointer;background:0 0;border:1px solid #6d4444;border-radius:999px;padding:13px 24px;font-size:16px;font-weight:400;transition:background-color .3s,color .3s,border-color .3s,transform .2s,box-shadow .3s}.header-actions button:hover{color:#fff;background-color:#26372f;border-color:#26372f;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.header-actions button:active{transform:translateY(0)scale(.97)}.footer{text-align:center;border-top:1px solid #ddd;padding:20px}.face{border-bottom:#000;max-width:600px;height:600px;padding-top:20px;animation-name:fadeIn;animation-duration:1s}.hero{box-sizing:border-box;justify-content:flex-start;align-items:center;height:600px;padding:50px;display:flex}.hero-content{max-width:600px;padding-top:20px;animation-name:fadeIn;animation-duration:1s}#title{text-align:left;color:#76886d;margin:0;font-family:Georgia,Times New Roman,Times,serif;font-size:64px;font-weight:lighter}#hero-description{text-align:left;color:#76886d;padding:10px 20px;font-size:18px;font-weight:lighter;line-height:1.5}.image-index{border-radius:15px;max-width:500px;margin-left:50px}.quiz-section{box-sizing:border-box;border-top:1px solid #ddd;justify-content:center;align-items:center;height:600px;padding:0 50px;display:flex}.quiz-content{text-align:center;flex-direction:column;align-items:center;gap:30px;max-width:700px;display:flex}#h2-index{text-align:center;margin:0;font-family:Courier New,Courier,monospace;font-size:40px;font-weight:lighter}.quiz-button{color:#fff;cursor:pointer;background-color:#8aa574;border:none;border-radius:50px;padding:18px 45px;font-size:24px;font-weight:600;transition:all .3s;box-shadow:0 4px 10px #00000026}.quiz-button:hover{background-color:#789563;transform:translateY(-2px);box-shadow:0 6px 14px #0003}.review-section{box-sizing:border-box;border-top:1px solid #ddd;justify-content:center;align-items:center;height:600px;padding:0 50px;display:flex}.review-content{text-align:center;flex-direction:column;align-items:center;gap:30px;max-width:700px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.hero{flex-direction:column;width:100%;height:500px;min-height:500px;padding:70px 25px}#hero-title{font-size:50px}#h2-index{font-size:32px}.quiz-section{padding:80px 25px}.image-index{max-width:100%;margin-top:30px;margin-left:0}.quiz-button{padding:16px 35px;font-size:20px}}