*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white: #fff;--light-grey: #e1e0e0;--dark-purple: #1c398e;--black: #000}body{background-color:var(--light-grey)}.navbar{background-color:var(--white)}.navbar ul{display:flex;justify-content:space-around}.navbar ul li{list-style:none;border-radius:4px}.navbar ul li a{text-decoration:none;color:var(--black);padding:10px;display:inline-block;width:100%}button{background:transparent;border:none;font-family:Times New Roman,Times,serif;padding:10px;font-size:1rem}.navbar ul .nav-item a:hover,button:hover{background-color:var(--dark-purple);color:var(--white)}.navbar ul .nav-item .sub-menu{visibility:hidden;opacity:0;position:absolute;right:5%;transition:opacity .5s ease;display:block;background-color:var(--white)}@media(min-width:768px){.navbar ul .nav-item .sub-menu{right:15%}}@media(min-width:1024px){.navbar ul .nav-item .sub-menu{right:13%}}.navbar ul .nav-item:hover .sub-menu,.navbar ul .nav-item:focus-within .sub-menu{visibility:visible;opacity:1}:root{--dark-grey: #1b1b32;--light-grey: #f5f6f7;--dark-orange: #f89808}.flex-container{display:flex;flex-wrap:wrap;justify-content:space-around;max-width:960px;margin:auto}.card{border:5px solid var(--dark-orange);border-radius:10px;width:100%;padding:20px;margin:10px;background-color:var(--light-grey)}.card-title{border-bottom:4px solid var(--dark-orange);width:fit-content}@media(min-width:768px){.card{width:300px}}.mood-board-heading{text-align:center;font-size:2.5em;color:#333;margin-top:20px}.mood-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;padding:20px;max-width:960px;margin:0 auto}.mood-board-item{border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 8px #0003;text-align:center;height:250px}.mood-board-image{border-radius:5px;width:180px;height:150px;object-fit:cover}.mood-board-text{margin-top:20px;font-size:1.2em}footer{padding:25px;font-size:1.1em;text-align:center;background-color:#eff6ff}.ordered-lists{display:flex;justify-content:space-evenly}.list-items,.list-icons{list-style-type:none}.item{line-height:25px}.item a{color:#162456;text-decoration:none}.item a:hover{color:#3280ff;color:oklch(62.3% .214 259.815)}.copyright{font-size:1em;border-bottom:1px solid #1c398e;width:fit-content;margin:25px auto 10px;color:#1c398e}.list-icons{display:flex;justify-content:center;gap:12px}.icon a{text-decoration:none}