:root{font-family:Verdana,Geneva,Tahoma,sans-serif;line-height:1.5;font-weight:400;font-size:18px;--primary-color: #FCCCF6;--background-color: #7D433D;--highlight1-light: #FCD1CC;--highlight1-dark: rgb(167, 54, 42);--highlight2-light: #CCFCD3;--highlight2-dark: #4F7D55;color:var(--primary-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}hr{border:none;height:1px;background-color:var(--primary-color)}a:hover{color:var(--highlight1-dark)}button{border-radius:8px;border:1px solid transparent;font-family:inherit;background-color:var(--highlight1-light);border-color:var(--highlight1-light);color:var(--highlight1-dark);cursor:pointer}button:hover{border-color:var(--highlight1-dark);background-color:var(--highlight1-dark);color:var(--highlight1-light)}input{background-color:var(--highlight2-light)}input:focus{border-color:var(--highlight2-dark);background-color:var(--highlight2-dark);color:var(--highlight2-light)}.explore-button{cursor:pointer;padding:10px;border-radius:4px;height:200px;width:300px;margin:10px;font-size:20px}.navbar{display:flex;gap:20px;padding:20px;background-color:var(--primary-color);width:100%;margin:0;box-sizing:border-box}.navbar a{text-decoration:none;color:var(--background-color);font-weight:500;transition:color .2s;font-weight:700}.navbar a:hover{color:var(--highlight1-dark);font-weight:700}.instruction-box{border:1px solid var(--primary-color);border-radius:10px;width:50%;padding:10px;margin-bottom:20px;margin-top:20px}.input-box{margin-bottom:20px;font-size:20px}.input-box input{margin-bottom:20px;padding:10px;border-radius:5px;font-size:20px}.button-box{display:flex;flex-direction:row;align-items:center;gap:20px}.display{font-size:70px;font-weight:700;margin-left:70px}.button-box button{padding:10px;border-radius:5px;height:100px;width:450px;font-size:20px}.guess-box{border:1px solid #ccc;padding:10px;margin:10px;width:150px;height:150px;border-radius:10px}.guess-box.correct{border-color:green;background-color:#5bf37e;color:#000}#name,#birthday{display:flex;justify-content:center}#birthday img{width:100%;height:100%;object-fit:contain;display:block}#loveGift,#hateGift{width:250px}#gender,#marriage{display:flex;justify-content:center;align-items:center;width:80px}.guess-matrix{display:grid;grid-template-columns:repeat(6,1fr);margin-right:100px;margin-left:100px}.guess-input{display:flex;align-items:center;gap:10px;margin-top:20px}.guess-options{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.guess-option{background-color:#ffe79a;height:80px;width:80px;align-items:center;justify-content:center;display:flex;cursor:pointer;overflow:hidden}.guess-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.guess-option img{max-width:100%;max-height:100%;object-fit:contain;display:block}