:root{--calico_white: #FCFCF0;--calico_grey: #EBE5D5;--calico_orange: #E07E3D;--calico_brown: #8F6C49;--calico_black: #4A3432;--font_family: "Daily Vibes", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font_family);background-color:var(--calico_white);color:var(--calico_black)}ul{list-style:none}img{width:100%}@font-face{font-family:Daily Vibes;src:url(/mod-4-project/assets/Daily%20Vibes-BkgMcrTs.otf) format("opentype")}header{padding:15px;margin-bottom:50px;display:flex;justify-content:center;align-items:baseline;gap:10px}#mute-button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}#mute-button:hover{color:var(--calico_orange);transform:translateY(-2px)}main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:100px;margin-right:100px}#fact-list>li{padding:15px;text-align:center;background-color:var(--calico_grey);max-height:200px;max-width:200px;overflow:auto;border:3px solid var(--calico_black);border-radius:3px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}#fact-list>li:hover{border-color:var(--calico_orange);color:var(--calico_grey);background-color:var(--calico_orange);transform:translateY(-2px)}#single-fact{text-align:center;margin:20px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}#single-fact:hover{color:var(--calico_orange);transform:translateY(-2px)}ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}footer{display:flex;flex-direction:column;align-items:center;margin:20px;gap:10px}button,#form-button{background-color:var(--calico_orange);color:var(--calico_white);border:3px solid var(--calico_black);border-radius:3px;padding:10px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}button:hover,#form-button:hover{background-color:var(--calico_black);color:var(--calico_orange);border:3px solid var(--calico_orange);transform:translateY(-2px)}#logo{width:60px}#button-and-form{margin-top:20px;display:flex;flex-direction:column;gap:20px}form{display:flex;flex-direction:column;gap:10px;border:3px solid var(--calico_black);padding:5px;border-radius:3px}a{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}a:hover{color:var(--calico_orange);transform:translateY(-2px)}footer>p{display:flex}h2{text-align:center;padding:20px}#label-and-input{display:flex;justify-content:center;gap:5px}a{padding-left:3px}#favorite-facts{display:grid;gap:20px}#favorite-facts>li{display:flex;flex-direction:column;gap:10px;padding:15px;text-align:center;background-color:var(--calico_grey);max-height:200px;max-width:200px;overflow:auto;border:3px solid var(--calico_black);border-radius:3px;transition:transform .2s,box-shadow .2s,background-color .2s}#favorite-facts>li:hover{transform:translateY(-2px)}@media(max-width:768px){main{margin-left:20px;margin-right:20px}ul{grid-template-columns:1fr}#fact-list>li{max-width:100%}}